CODEWITHSUNDEEP
cssruby-on-railsradio-buttonformtastic
SDD64
SDD64

Reputation: 707

How to style formtastic radio buttons

My customer wants an traffic light styled review form. Vertically alinged radio buttons, colored in green, yellow and red.

I could get the alignment done, but fail at styling the buttons.

Upvotes: 0

Views: 767

Answers (2)

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

Reputation: 352

Radio buttons are only circles. You can not change their color using css but you can create an image like a radio button with the color you want and using javascript and a hidden input make it acts as a radio button.

Upvotes: 1

Billy Moat
Billy Moat

Reputation: 21050

Radio buttons etc are notoriously difficult to style in CSS. Javascript based solutions are usually the preferred method if you really have to style them.

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

Upvotes: 0

Related Questions