Question

我在我的项目（网站）中使用了YII框架，我也为手机使用了很多样式，许多查询，但我遇到了一个问题：我成功添加了按钮。
但是按钮本身很小，而且标签很大，当我点击它来选择这个按钮时按钮的圆圈太小，我给标签的样式，但我需要调整圆形本身的大小。 / p>

这是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'); ?>

问题是我可以调整收音机底部的圆圈，还有我的代码的修改是什么？

Answer 1

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

如果你可以隐藏它旁边的单选按钮和样式元素，你可以模仿效果。如果您使用display:none隐藏复选框本身并在其旁边设置一个元素，则可以换出已选中和未选中复选框的图像。

例如：input[type="checkbox"]:checked + label span这样的选择器允许您在span内的label内设置checkbox样式，该input[type="checkbox"] + label span位于已选中的:checked旁边。这将是 on 状态， off 将是{{1}}

这种方法的主要问题是全面支持{{1}}选择器。 IE 8及以下版本根本不会显示任何复选框。

也可能有javascript解决方案。

调整单选按钮的圆圈大小

1 个答案: