Internet Explorer提交按钮样式

时间:2008-12-04 08:47:05

标签: css image internet-explorer button css-selectors

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

事情是 - 他们重新设计了按钮的外观以匹配页面样式。所以现在我有两个图像 - 按钮和按钮。在Opera和FF中我只是在css中说这样的话:

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

它就像一个魅力。遗憾的是,IE不理解:active部分。与大多数网络应用程序一样,IE用户群是主要的目标受众,因此在至少看起来非常重要。

目前我使用仅限IE的JavaScript制作了一个庞大的解决方法,但我想知道 - 是不是有更优雅的方式来做到这一点? Google和SO搜索没有帮助。

2 个答案:

答案 0 :(得分:1)

据我所知,CSS Pseudo-classes仅用于IE中的链接。这可能在IE8中有所改变,但我不知道。所以基本上我不认为有一种通过CSS实现它的优雅方式。

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

干杯

答案 1 :(得分:0)

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

“IE 7支持:在所有元素上悬停,但不是:活动。”