css - 在 Internet Explorer 中设置 INPUT 按钮的样式

Question

我为我的按钮创建了一个 CSS 按钮样式inputs，但它在 Internet Explorer 中的行为不正确。在 IE7 和 IE8 中，:active仅当我单击文本周围的填充区域时，该类才适用。如果我单击按钮中的文本，active则不会应用 : 类，而是文本仅向右移动一个像素。我的 css 在 Firefox 和 Chrome 中正常工作。

有谁知道这里发生了什么？这是一个带有我的示例的 jsFiddle：

http://jsfiddle.net/timdmackey/fKBru/

Answer 1

我会尝试使用 type="button" 切换输入，而是做一个或其他事情。这可能是你痛苦的根源。