复选框和单选按钮在 IE7-9 中聚焦或悬停时变为白色



出于某种奇怪的原因,IE7-9 在聚焦或悬停时使复选框和单选按钮变为白色。不幸的是,我正在开发的网站只存在于本地并且相当新(不到一年),但我设法找到了另一个发生相同问题的网站。

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

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

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

提前,谢谢! :-)

这是一个

已知的错误/功能 - 每当在 CSS 中设置非透明背景时,IE7-9 中的复选框和无线电背景都会出血。在您链接到的页面中,input:hover背景设置为 basic.css 第 93 行中的#ffd

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

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

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

您还需要从:hover状态中删除后台声明。

最新更新