如何像IE中的单选按钮那样设置复选框

Question

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

以下CSS不在IE中工作

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

Answer 1

Internet Explorer中不支持外观属性。您需要改为定位the pseudo element ::-ms-check并影响其展示，即使这只会让您分道扬铛：

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

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