增加单选按钮大小-Chrome问题

Question

你好！我正在尝试使用下面的css来增加单选按钮的大小，它在mozilla中有效，但在chrome中无效。

.rdo
{
margin: 1em 1em 1em 0;
transform: scale(1.3, 1.3);
-moz-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
-webkit-transform: scale(1.3, 1.3);
-o-transform: scale(1.3, 1.3);
}

<input type="radio" class="rdo"/>

JSFIDDLE

有什么解决方案吗？

Answer 1

设置单选按钮和其他输入的样式不是跨浏览器的。每个浏览器都可以用不同的方式进行渲染。我建议使用一些自定义输入的方法，比如：链接