Search code examples
cssruby-on-railsradio-buttonformtastic

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.


Solution

  • 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.