Internet Explorer 提交按钮样式答案

【问题标题】：Internet Explorer submit button stylingInternet Explorer 提交按钮样式
【发布时间】：2010-09-25 07:00:30
【问题描述】：

我正在制作一个 Web 应用程序，我从一家分包设计公司获得了它的设计。设计非常好，我喜欢它，但我偶然发现了一件事我不确定如何很好地实现。

问题是 - 他们重新设计了按钮的外观以匹配页面样式。所以现在我有两个图像 - 按钮向上和按钮向下。在 Opera 和 FF 中，我只是在 css 中这样说：

input[type="submit"]
{
    background-image: url(btn_up.png);
}
input[type="submit"]:active
{
    background-image: url(btn_down.png);
}

它就像一个魅力。不幸的是，IE 不理解 :active 部分。与大多数 Web 应用程序一样，IE 人群是主要的目标受众，因此它看起来不错至少在那里是相当重要的。

目前我已经使用仅限 IE 的 JavaScript 做了一个庞大的解决方法，但我想知道 - 没有更优雅的方法吗？ Google 和 SO 搜索没有帮助。

【问题讨论】：

【解决方案1】：

http://www.quirksmode.org/css/contents.html#t16

“IE 7 在所有元素上支持 :hover，但不支持 :active。”

【讨论】：

【解决方案2】：

据我所知，CSS 伪类仅适用于 IE 中的链接。这可能在 IE8 中发生了变化，但我不知道。所以基本上我不认为有一种通过 CSS 实现它的优雅方式。

这不是一个有用的答案，所以我还要补充一点，我将使用图像和客户端脚本来实现它，这并不优雅，但如果客户端脚本正确，则应该允许跨所有浏览器完成这项工作。

干杯

【讨论】：