Zurb foundation - ボタンの背景色を削除しますか？

Question

Zurb Foundationのボタンから背景色を削除するにはどうすればよいですか？

<button class="button button-arrow">Button <i class="icon-arrow-right">&rarr;</i></button> 

CSS/LESS：

.button-arrow { 
    background-color: none; 
    color: black; 
    font-size: @text-font-size; 
    text-decoration: underline; 
    padding-left: 0; 
    padding-top: 0; 
    padding-bottom: 0; 

    &:hover { 
     background-color: none; 
     color: @colour-dark; 
    } 
} 

が明らかに動作しません。何か案は？

Answer 1

の変化、それに：初期、これは背景色プロパティのデフォルト値は

Answer 2

あなたは.buttonクラスを更新する必要があります。

.button { 
    background-color: transparent; 
} 

あなたの財団の上書きはあなたがそれらを上書きする特異性を使用できるように財団のスタイルがロードされた後にロードされたスタイルシートであることを確認してください。

The Foundation docs also talk about using SASS to edit the default variables controlling button styles：このコンポーネントの

デフォルトのスタイルは、プロジェクトの設定ファイルでこれらの サス変数を使用してカスタマイズすることができます。

$ボタン-背景