html - 单选按钮在 Internet Explorer 中不起作用/无法选择

Question

我有几个单选按钮，它们在 Chrome、Firefox 和 Safari 中运行良好，但在使用 Internet Explorer（第 7 版）时，它们无法选择。有什么想法可以解决这个问题吗？

HTML：

<label>
    <input type="radio" name="12" value="1">
    <span>12</span>
</label>

CSS：

label input[type=radio]{ position: absolute; top: -20px; }
input[type=radio]:checked + span{ color: #fff; background: #8dc63f; }

score 2 · Accepted Answer

2

CSS 2.1 选择器 + 在 IE 7 中不可用

于 2013-09-10T15:18:41.370 回答

score 1 · Accepted Answer

score 1 · Accepted Answer

某些 IE 版本无法解析此 CSS 选择器：

input[type=radio]:checked + span

如果您真的需要这种行为，则必须在input[type=radio] change触发事件时使用 Javascript 来进行样式更改。

score 0 · Accepted Answer

0

您也可以使用 DIV 代替标签

于 2013-09-10T15:15:55.620 回答

4 回答 4