我在我的元素(网站)中使用了 YII 框架，我使用了很多样式，很多查询，也适用于手机，但我遇到了一个小问题:我成功添加了按钮。
但是按钮本身很小，标签很大，我点击选择这个按钮时按钮的圆圈太小了，我给标签一个样式，但我需要调整圆圈本身的大小。
这是 PHP 代码:
<?php echo $form->radioButtonList($model, 'frequency_id',
CHtml::listData(Frequency::model()->findAll(), 'ID',
'frequency'),array('labelOptions'=>array('style'=>'display:inline;width:150px'),
'template'=>"{input} {label}", 'separator'=>' ')) ?>
<?php echo $form->error($model, 'frequency_id'); ?>
问题是我可以调整 radio 底部的圆圈大小吗，还有我的代码会有什么修改？
最佳答案
单选按钮不能直接设置样式。它们是依赖于操作系统的元素。
如果您可以隐藏单选按钮和与其相邻的样式元素，您就可以模仿这种效果。
如果您使用 display:none 隐藏复选框本身并在其旁边设置元素样式，您可以交换选中和未选中框的图像。
例如:像 input[type="checkbox"]:checked + label span 这样的选择器将允许您在 label< 中设置 就在选中的 span 的样式checkbox 旁边。这将是您的开启状态，关闭将是input[type="checkbox"] + label span
这种方法的主要问题是 :checked 选择器没有得到全面支持。 IE 8 及以下版本根本不会显示任何复选框。
可能还有javascript解决方案。
关于css - 调整单选按钮的圆圈大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18056355/