我正在制作一个 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 搜索没有帮助。
最佳答案
据我所知,CSS 伪类仅用于 IE 中的链接。这在 IE8 中可能已经改变,但我不知道。所以基本上我认为没有通过 CSS 实现它的优雅方式。
这不是一个有用的答案,所以我还要补充一点,我会使用图像和客户端脚本来实现它,这并不优雅,但如果客户端脚本是正确的,应该允许在所有浏览器上完成这项工作。
干杯
关于css - Internet Explorer 提交按钮样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/339926/