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

:

프로젝트의 설정 파일에 이러한 말대꾸 변수를 사용하여 사용자 정의 할 수 있습니다이 구성 요소의 기본 스타일

.

$ 버튼-배경