基础按钮CSS / SASS

Question

我正在尝试使用SASS / CSS压缩Zurb Foundation的默认外观。目前我遇到了按钮的问题。按钮顶部有一个突出显示（高度约为一个像素），这使按钮具有标准按钮外观。 我想摆脱这个亮点。我正在使用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;
}