单选按钮看起来像IE中的复选框（和一些FF）

Question

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

当我在Chrome中查看它们时，它们看起来很好。

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

我试过下面的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 属性，它将不会显示。

Answer 2

只需在代码

中插入这些内容即可

input[type="radio"] {                        
    border: 0px ;
}

或者这样做

你必须添加一个CSS类“check”..

<input class="check" type ....

和styles.css ...

input.check {
    background-color: transparent;
}

希望这会帮助你..