Изменить размеры кругов радиокнопки

Я использовал структуру 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'); ?>

Вопрос можно изменить размер круга в нижней радио, а также то, что это изменение на мой код будет?

источник

2013-08-05 khalid jarrah

Я не думаю, что традиционный переключатель можно стилизовать, но вы можете использовать что-то вроде jQuery-UI или jquery-mobile, чтобы добавить стильный «радиокнопка» div, а реальный скрыт и управляется javascript , – MightyPork

Кстати, пример PHP действительно бессмысленен, вам лучше показать CSS и сгенерированный HTML. – MightyPork

По-видимому, есть также чистое решение для CSS: http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-easy-css3-checkboxes-and-radio-buttons/ – MightyPork

Радиоустройства не имеют прямого стиля. Они зависят от ОС.

Если вы можете спрятать соседнюю с ним кнопку радио и элементы стиля, вы можете имитировать эффект. Если вы скроете флажок непосредственно с помощью display:none и создадите элемент рядом с ним, вы можете поменять изображения отмеченных и непроверенных боксов.

Например: селектор, как input[type="checkbox"]:checked + label span позволит стилизации span внутри label, прямо рядом с проверяемой checkbox. Это будет ваш на состоянии, от будет input[type="checkbox"] + label span

Основная проблема такого подхода заключается в том, что селектор :checked не поддерживается полностью по всем направлениям. IE 8 и ниже не будут показывать никаких флажков.

Там также могут быть javascript-решения.

источник

2013-08-05 11:10:49

мммм, но я нашел решение, позволяющее размер в массиве –

radioButtonList ($ model, 'frequency_id', CHtml :: listData (Частота :: модель() -> findAll(), 'ID', 'frequency', array ('style' => 'width: 50px; height: 50px')), array ('labelOptions' => array ('style' => 'display: inline; width: 150px'), 'шаблон' => "{вход} {} этикетка", 'разделитель' => ' '))?> ошибка ($ мод el, 'frequency_id'); ?> –

это решениеh, loooooooooooool –

Изменить размеры кругов радиокнопки

ответ

Смежные вопросы