0

出于某种奇怪的原因，IE7-9 在聚焦或悬停时将复选框和单选按钮设为白色。不幸的是，我正在处理的网站只存在于本地并且相当新（不到一年），但我设法找到了另一个出现同样问题的网站。

当我转到该页面并将鼠标悬停在复选框上时，灰色背景变为白色。但是，在大多数带有复选框和/或单选按钮的网站上，我得到了所需的“正常”行为：蓝色调。对于单选按钮，选定的单选按钮变为带有白色背景的黑点，而不是标准的蓝点和灰色背景。

有谁知道为什么会发生这种情况以及我该如何解决？

我尝试禁用所有 CSS 和 JavaScript 文件，但问题仍然存在。

提前，谢谢！:-)

4

1 回答 1

1

这是一个已知的错误/功能 - 每当在 CSS 中设置非透明背景时，IE7-9 中的复选框和单选背景都会流血。在您链接到的页面中，input:hover背景设置为#ffdbasic.css 第 93 行。

这已被报告为各种项目中的错误，例如Twitter Bootstrap Issue 3181或此处。

解决方案是将背景设置为透明：

.radio input[type="radio"], .checkbox input[type="checkbox"]{
   background-color:transparent;
}

您还需要从:hover状态中删除背景声明。

于 2012-12-13T13:15:15.967 回答