html - CSS:删除禁用的 HTML 按钮上的阴影

Question

禁用 HTML 按钮时，阴影会添加到按钮文本中。我自己设计按钮的样式，我只想使用一种颜色(白色)，没有阴影，但我不知道如何有效地做到这一点。

我以前的方法是让它保持启用状态并重新设置按钮的悬停 + 事件状态的样式并忽略单击 vai Javascript。告诉你，效率不高!

http://jsfiddle.net/gLfMX/

编辑:显示阴影的图像(在 IE9 中查看)+ 缩放版本。

Answer 1

您已经发布了自己的答案，但这里还有更多信息。

根据我的实验，我得出了相同的结论:在 IE 上，您无法通过 CSS 更改它。原因如下。

禁用按钮的颜色取决于 Windows 配置为显示的内容 for the "3D Objects" item in "Window Color and Appearance" (在显示设置下)。

禁用按钮的默认颜色为:text = A0A0A0，shadow = white。如果用户更改了默认值，它们可能会有所不同(在 Windows 7 中，您必须进入“高级设置”才能执行此操作)，但几乎每个人都会有这些。它们旨在适应禁用按钮的系统默认背景颜色，即 F4F4F4。

我对这个问题的解决方案是设计 CSS，以便至少对于默认设置，在 IE 下禁用的按钮看起来没问题 - 最好的方法是将禁用时的背景设置为 F4F4F4 :

button[disabled], a[disabled] {
    background-color: #f4f4f4;
}

如果您使用 Bootstrap像我一样，你应该这样做:

.btn[disabled], .btn.disabled[disabled] {
    background-color: #f4f4f4;
}

您还可以添加一些条件选择器以仅对 IE 启用此功能。