基金會按鈕CSS/SASS

Question

我試圖使ZASS基金會使用SASS/CSS的默認外觀變平。目前我遇到了按鈕問題。按鈕頂部有一個高亮區域（高度約爲像素），這種按鈕標準按鈕外觀。 我想擺脫這個亮點。我正在使用SASS管理CSS，但我甚至無法確定哪些亮點來自哪裏。

查看按鈕突出位置： http://foundation.zurb.com/docs/components/buttons.html

我使用的開發工具來跟蹤它在IE和Chrome嘗試，但似乎無法推測出來。任何人都知道如何擺脫按鈕頂部的亮點？

Answer 1

只需刪除頂部邊緣框陰影和高光消失。

在SASS/COMPASS：@include box-shadow(none)應該做這項工作。因此，完整的解決方案將

.button { 
    @include box-shadow(none) 
} 

到您的sass文件。

Answer 2

它來自box-shadow。應用以下：

.button { 
    box-shadow: none; 
} 

Answer 3

添加到您的CSS文件：

.button { 
    box-shadow: none; 
}