调整单选按钮的大小

Question

我想仅使用HTML和/或CSS来改变单选按钮控件的大小.

是否可以不使用图像？

Answer 1

调整单选按钮大小的一个快速解决方案是转换它:

input[type='radio'] {
    transform: scale(2);
}

这导致所有单选按钮都是两倍大.与往常一样,检查浏览器支持.

原答案(2012年5月27日)

您无法更改单选按钮的大小.通常人们会设计一个自定义UI元素来替换checkbox/radiobutton的UI方面.单击它会导致单击基础复选框/单选按钮.

请参阅此处的示例:http://webdesign.maratz.com...radio-buttons/jquery.html