Css 调整单选按钮的圆圈大小

我在我的项目（网站）中使用了一个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'=>'&nbsp;&nbsp;&nbsp;')) ?>
                    <?php echo $form->error($model, 'frequency_id'); ?>

---

问题是我可以调整单选按钮底部圆圈的大小吗？对代码的修改是什么？

单选按钮不能直接设置样式。它们是依赖于操作系统的元素

如果可以隐藏单选按钮及其相邻的样式元素，则可以模拟效果。 如果使用

display:none

隐藏复选框本身并在其旁边设置元素样式，则可以交换选中和未选中复选框的图像

例如：类似于

input[type=“checkbox”]：checked+label span

的选择器将允许您在一个

标签中设置一个
span
，该标签直接位于选中的
复选框旁边。这将是您的打开状态，关闭状态将是
input[type=“checkbox”]+label span

这种方法的主要问题是，
：checked
选择器没有得到全面支持。IE 8及以下版本根本不会显示任何复选框

也可能有javascript解决方案。
我不认为传统的单选按钮可以设置样式，但您可以使用类似于jQuery UI或jQuery mobile的东西，添加一个奇特样式的“单选按钮”div，而真正的单选按钮是隐藏的，由javascript控制。顺便说一句，PHP示例在这里是毫无意义的，您最好显示CSS和生成的HTML。显然，还有一个纯CSS解决方案：mmmm，但我发现了一个解决方案，可以在数组中启用大小这就是解决方案h，looooool