Home/ Questions/Q 895059
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T14:29:53+00:00

Im implementing a site with shopping cart features and want the user to be

  • 0

Im implementing a site with shopping cart features and want the user to be able to select the color for the product they are purchasing.

Let’s say I started with something like this:

<form action="">
  <input type="radio" name="color" value="red" />
  <input type="radio" name="color" value="green" />
  <input type="radio" name="color" value="black" />
</form>

What CSS is needed to show coloured boxes for each of the options, with the boxes displayed horizontally and have a border around the selected option?

Along the lines of:

[redbox] [greenbox] [blackbox]

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can check out jQuery UI’s Button http://jqueryui.com/demos/button/#radio

    It allows you to create nice styles for checkboxes/radio buttons and so on..

    I’m not sure if you’d want to use a whole framework for that though, but as far as I know, radio buttons aren’t very ‘stylable’. You’d need to create another element next to it, and change the selected value of the radio button programatically.

    Hope this helps,

    Marko

    • 0