html - IE9 输入/按钮元素边框颜色问题

Question

在我目前正在构建的站点中，我无法为 <input> 设置正确的边框颜色和 <button>元素。我想让顶部、左侧和右侧的边框颜色相同，然后底部边框颜色不同。除了这两个元素之外，我可以使样式适用于任何其他元素，并且此问题仅存在于 IE9 中。任何帮助或解释将不胜感激。

我的问题示例:http://jsfiddle.net/NyG3x/24/

Answer 1

尝试单独设置边框。

border: 1px solid #000;
border-bottom: 5px solid #CE181E

这似乎是 IE9 中的一个错误。如果将底部边框设置为 1px，则红色边框似乎可以正确显示。但是，如果您将该值设置为超过 1 像素，它似乎会将 border-color 恢复为另一个 border-color 的值。

更新

一个简单的解决方案是从 button 中删除样式，将 button 的内部文本包装在 div 中并设置样式分区。这在 IE9 中有效，如图所示 here .