调整大小单选按钮 [英] Resizing radio button

问题描述

我想只使用HTML和/或CSS来更改单选按钮控件的大小。

I want to change size of a radio button control using only HTML and/or CSS.

可以不使用图片吗？

推荐答案

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

One quick solution to resizing the radio button is to transform it:

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

这将导致所有单选按钮的大小增加一倍。一如往常，请检查浏览器支持。

This results in all radio buttons being twice as large. As always, check browser support.

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

You cannot change the size of the radio button. Typically people will design a custom UI element to replace the UI aspect of the checkbox/radiobutton. Clicking it results in a click on the underlying checkbox/radio button.

查看示例：http://webdesign.maratz.com...radio-buttons/jquery.html

这篇关于调整大小单选按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！