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

Question

我有以下代码创建 radio 的输入类型(需要它的人可以使用 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 中样式错误的原因。

非常感谢， 艾尔

Answer 1

我已经解决如下:

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