使用 Foundation 时，如何从 button 和 .button 元素中移除嵌入阴影？答案

【问题标题】：How can the inset shadow be removed from button and .button elements when using Foundation?使用 Foundation 时，如何从 button 和 .button 元素中移除嵌入阴影？
【发布时间】：2013-10-29 15:32:05
【问题描述】：

我将 Zurb Foundation 与 Sass 一起使用，但无法从 <button> 和 .button 元素中移除嵌入阴影。

我尝试过的事情包括：

寻找要设置的基础覆盖（不存在，通过查看其代码进行验证）
在我自己的 sass 中将 +inset-shadow(false) 显式设置为 button, .button，但无济于事

还有其他想法吗？

【问题讨论】：

标签： css sass zurb-foundation

【解决方案1】：

做了一些更具体的谷歌搜索，并能够找到一个在这里有效的建议 (https://github.com/zurb/foundation/issues/2297)。

设置 box-shadow: none 而不是使用 Foundation +inset-shadow mixin 有效。就我而言，我实际上使用的是 Compass 的 +box-shadow(none)。

【讨论】：

【解决方案2】：

你试过 +inset-shadow(none) 吗？

您还可以从 scss 文件中删除以下行 https://github.com/zurb/foundation/blob/master/scss/foundation/components/_buttons.scss#L207

【讨论】：

感谢您的建议，但 +inset-shadow(none) 不起作用，我真的很想尽可能避免在 Foundation 代码中乱搞，因为这需要在多台机器上工作，而我不这样做升级时不想处理这个问题。对我来说似乎很疯狂，没有一种简单而明显的方法可以做到这一点:-(。