css - Internet Explorer 提交按钮样式

Question

我正在制作一个 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 做了一个庞大的解决方法，但我想知道 - 没有更优雅的方法吗？谷歌和 SO 搜索没有帮助。

score 1 · Accepted Answer

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

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

干杯

score 0 · Accepted Answer

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

2 回答 2