Как стилизовать переключатели formtastic

Мой клиент хочет форму отзыва в стиле светофора. Вертикально расположенные радиокнопки, окрашенные в зеленый, желтый и красный цвета.

Я мог бы выполнить выравнивание, но не смог стилизовать кнопки.


ruby-on-rails css radio-button formtastic
person SDD64    schedule 31.07.2012    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Радиокнопки - это только кружки. Вы не можете изменить их цвет с помощью css, но вы можете создать изображение, подобное переключателю, с нужным вам цветом, а с помощью javascript и скрытого ввода заставить его действовать как переключатель.

person Γεώργιος Βιδαλάκης    schedule 31.07.2012

arrow_upward
0
arrow_downward

Радиокнопки и т. д., как известно, сложно стилизовать в CSS. Решения на основе Javascript обычно являются предпочтительным методом, если вам действительно нужно их стилизовать.

http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

person Billy Moat    schedule 31.07.2012