0

我在我的项目（网站）中使用了一个 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'); ?>

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

4

1 回答 1

1

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

如果您可以隐藏与它相邻的单选按钮和样式元素，则可以模仿效果。如果您隐藏复选框本身display:none并为其旁边的元素设置样式，则可以交换选中和未选中框的图像。

例如：一个选择器 likeinput[type="checkbox"]:checked + label span将允许您span在一个label直接位于一个已选中的旁边的 a 中设置样式checkbox。这将是您的开启状态，关闭将是input[type="checkbox"] + label span

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

也可能有 javascript 解决方案。

于 2013-08-05T11:10:49.237 回答