如何在 IE 中像单选按钮一样设置复选框的样式答案

【问题标题】：how to style checkbox like a radio button in IE如何在 IE 中像单选按钮一样设置复选框的样式
【发布时间】：2016-03-20 10:35:21
【问题描述】：

我知道这听起来很有线。目前我有多个复选框，我想让它看起来像单选按钮

以下 CSS 在 IE 中不起作用

input[type='checkbox'] {
-webkit-appearance: radio; /* Chrome, Safari, Opera */
-moz-appearance: radio;    /* Firefox */
appearance: radio;   //how about IE>8 ?
}

【问题讨论】：

这个链接你试过了吗help.surveygizmo.com/help/article/link/icons
我相信你很快就会找到答案，我相信你无论如何都会这样做，但我只想指出你所要求的是明确破坏用户体验。人们被训练看到一个单选按钮并期望它像单选按钮一样工作。如果你打破了这一点，你会让你的网站更难被人们使用。咨询任何 UX 专家，他们会告诉你不要这样做。

标签： css internet-explorer checkbox webkit-appearance

【解决方案1】：

appearance 属性在 Internet Explorer 中不受支持。您需要改为定位 the pseudo element ::-ms-check 并影响其呈现，即使这样也只会让您获得部分效果：

::-ms-check {
  border-radius: 50%;
}

作为Spudley stated in the comments above，这是个坏主意。单选按钮和复选框以截然不同的方式发挥作用，用户已教区分两者。

【讨论】：