css - Internet Explorer 提交按钮样式

标签 css image internet-explorer button css-selectors

我正在制作一个 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/

相关文章:

html - 为什么我不能截断文本

iphone - iOS - iPhone : UISlider track image disappearing randomly

javascript - 在某些浏览器中,转义的 html 字符未被 jquery .html() 转义

jquery - 居中右侧不起作用

css 在本地主机之外不工作,我可以通过 ip 地址 (x.x.x.x) 访问该页面,它加载但没有使用 codeigniter 的样式

html - 无样式内容的闪现

android - 拖动、缩放或旋转 ImageView

java - 如何使用 Picasso 指定多个后备图像?

javascript - jquery 淡出和重定向在 IE 中不起作用

javascript - 函数调用上下文