css - 基础按钮 CSS/SASS

Question

我正在尝试使用 SASS/CSS 展平 Zurb Foundation 的默认外观。目前我遇到了按钮问题。按钮顶部有一个突出显示（大约一个像素的高度），这使按钮具有标准的按钮外观。我想摆脱这个亮点。我也在使用 SASS 来管理 CSS，但我什至无法弄清楚那个亮点来自哪里。

我尝试使用开发者工具在 IE 和 Chrome 中追踪它，但似乎无法弄清楚。任何人都知道如何摆脱按钮顶部的突出显示？

score 2 · Accepted Answer

只需删除顶部边缘的盒子阴影，高光就消失了。

在 SASS/COMPASS:@include box-shadow(none)中应该做的工作。因此，完整的解决方案将是，添加

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

到你的 sass 文件。

score 0 · Accepted Answer

0

添加到您的 CSS 文件：

.button {
    box-shadow: none;
}

于 2013-07-30T07:28:38.950 回答

score 0 · Accepted Answer

0

它来自box-shadow. 应用以下内容：

.button {
    box-shadow: none;
}

于 2013-07-29T22:43:31.013 回答

3 回答 3