Question

由于一些奇怪的原因，IE7-9在聚焦或悬停时使复选框和单选按钮变白。不幸的是，我正在处理的网站只存在于本地并且相当新（不到一年），但我找到了another website where the same problem occurs。

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

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

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

事先，谢谢！： - ）

Answer 1

这是一个已知的错误/功能 - 只要在CSS中设置了非透明背景，IE7-9中的复选框和无线电背景就会出现问题。在您关联的网页中，第{93页的basic.css中的input:hover背景设置为#ffd。

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

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

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

您还需要从:hover州删除背景声明。