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

Posted 2021-03-31

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

以下CSS不在IE中工作

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

答案

Internet Explorer不支持外观属性。你需要改为瞄准the pseudo element ::-ms-check并影响它的演示，甚至这只会让你分道扬::

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

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