html - 单选按钮在 IE(和一些 FF)中看起来像复选框

Question

我创建了一个网站，其中有单选按钮。

当我在 Chrome 中查看它们时，它们看起来不错。

但是当我在 IE 中打开它们时，它们看起来像复选框。他们有方形 radio 。

我尝试使用下面的 CSS，

.radio, input[type=radio] {
    border: none;
    box-shadow: none;
}

但方形部分仍然存在。不知道是影子还是别的什么。

您可以在

查看

http://www.smartprojects-kw.com/faces/survey.xhtml

Answer 1

在检查您的代码时，问题似乎是因为 background 属性而不是 box-shadow/border.

input[type=checkbox], input[type=radio] {
background: #999;  //------ Reason for problem
height: 16px;
width: 16px;
display: inline-block;
padding: 0 0 0 0px;
}

去掉background属性，它将不显示。