单选和复选框 HTML 输入在 IE 10 中显示不正确答案

【问题标题】：Radio and checkbox HTML inputs displaying incorrectly in IE 10单选和复选框 HTML 输入在 IE 10 中显示不正确
【发布时间】：2015-11-24 00:10:37
【问题描述】：

我有以下代码可以创建收音机的输入类型（jsfiddle 供需要它的人使用 https://jsfiddle.net/dz3cq47x/1/）：

<input class="classValue" type="radio" name="nameValue" value="1" checked>

当然，我有多个。

我遇到的问题（仅在 IE10 中）是它们正在显示，如下图所示。

如果我点击它们，它们会正常工作（如显示正确信息）。

由于某种原因，尽管它们没有正确显示，如下图所示，并且选中的那个没有显示为选中（它们都有句点？在选择收音机中）。

输入类型复选框也会发生这种情况。

<input class="classValue" type="checkbox" name="nameValue" value="monthly">

非常感谢任何帮助找出它们在 IE10 中样式错误的原因。

非常感谢，铝

【问题讨论】：

您能在 jsfiddle 中提供一个工作示例吗？或者至少是您用来设置这些收音机样式的 CSS？
@TimMcClure 是的，这里肯定是 jsfiddle 的链接：jsfiddle.net/dz3cq47x
我没有看到任何与您上面的图片相似的东西，只是无线电输入的默认浏览器样式。我猜你的 jsfiddle 中缺少一些 CSS 样式 - 你能确保你没有遗漏任何东西吗？例如是什么让单选按钮变灰变高？
@TimMcClure 我用所有的样式更新了它，甚至是它们的外部 div 样式jsfiddle.net/dz3cq47x/1 除了在 IE10 中之外，它们不是灰色和高大的……在 Chrome 和 IE11 中它们是大圆圈，如图所示现在在代码中。
@TimMcClure 我应该通过 F12 开发人员工具中的 Internet Explorer 仿真选项卡添加我正在 IE10 中测试的事实

【解决方案1】：

我已解决如下：

input[type="radio"], input[type="checkbox"]{
        box-sizing: content-box;
    }

【讨论】：