css - 带有背景图像的 ie8 输入 [type=submit] - 文本不可点击

Question

我有一个标准按钮 (input[type=submit) 在 IE8 中有问题。

因为，IE 8 不能很好地过滤，所以我使用了重复的背景图像。这在默认和悬停状态下都可以正常工作，但是如果我单击按钮文本并调用 :active 状态，则背景图像不会改变。

注意：如果我单击按钮上的其他位置而不是文本，它会起作用。我尝试删除处于 :active 状态的图像，但按钮仍然没有从悬停图像改变。

有没有人遇到过这个和/或找到解决方案？

更糟糕的是，jsfiddle 似乎不再支持 IE8，所以甚至不能举一个例子。

Answer 1

您可以尝试解决方法:focus

也许有些像这样，我没有你的代码，但你可以试试这个：

input:active,input:focus
{
   background-image: ...
}

你在这里有类似的问题：当我点击按钮的文本时，提交输入在 IE8 中没有获得 :active 状态