I need to add Styling to Radio Buttons.. i seen another site do it..

[lilpete]

Hi guys,
I just left a post in the Javascript section looking to improve on a script, but just realised what I had come up with only works in Chrome..

I have seen it done and compatible with all major browsers here:-
http://www.barratts.co.uk/en/ruffle-...llerina-172104

Look at how there size selection reacts, I have dug around and it is a div, with an unordered list inside, and inside each item on the list is the select and label tags.
I have looked into their css and cant seem to get it to work on my page...

Could anyone simplify their script or provide a similar script for this effect?

Best Regards,
Pete

[Nile]

Give this a try: http://ryanfait.com/resources/custom...radio-buttons/

[lilpete]

will do!

[Nile]

Great, post back with results.

[lilpete]

getting there:-
http://www.test.steptoes.co.uk/test.html

[Nile]

Do you want it like the size boxes like in your example?

[lilpete]

Hi Nile,

Thought you might like to see my results, managed it with a few well placed divs and a bit of styling..

EDIT: Thanks to your link!

http://www.test.steptoes.co.uk/produ...ZT1XNjAy.ghtml

I think it works ok, the only trouble im having is the text label for each button is blocking the functionality of the button itself a little bit, is there any way we can make the text sort of invisible to mouse clicks, like unhighlightable, but still visible to the user?

Z index would just put it behind would it not?

Best Regards,
Pete