我创建了有单选按钮的网站。
当我在 Chrome 中查看它们时,它们看起来不错。
但是当我在 IE 中打开它们时,它们看起来像复选框。他们有方形收音机。
我试过下面的CSS,
.radio, input[type=radio] {
border: none;
box-shadow: none;
}
但方形部分仍然存在。我不知道是它的影子还是别的什么。
您可以在
我创建了有单选按钮的网站。
当我在 Chrome 中查看它们时,它们看起来不错。
但是当我在 IE 中打开它们时,它们看起来像复选框。他们有方形收音机。
我试过下面的CSS,
.radio, input[type=radio] {
border: none;
box-shadow: none;
}
但方形部分仍然存在。我不知道是它的影子还是别的什么。
您可以在
在检查您的代码时,问题似乎是由于background
属性 not 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
属性,它不会显示。
只需将这些片段插入您的代码中
input[type="radio"] {
border: 0px ;
}
或者这样做
你必须添加一个 CSS 类“检查”..
<input class="check" type ....
在styles.css ...
input.check {
background-color: transparent;
}
希望这会帮助你..