基金会按钮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; 
}