Log in

View Full Version : I need to add Styling to Radio Buttons.. i seen another site do it..


lilpete
09-23-2010, 01:34 PM
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:-
www.barratts.co.uk/en/ruffle-toe-ballerina-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
09-23-2010, 03:22 PM
Give this a try: http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/
lilpete
09-23-2010, 03:32 PM
will do!
Nile
09-23-2010, 03:36 PM
Great, post back with results.
lilpete
09-23-2010, 04:10 PM
getting there:-
http://www.test.steptoes.co.uk/test.html
Nile
09-23-2010, 04:12 PM
Do you want it like the size boxes like in your example?
lilpete
09-28-2010, 10:36 AM
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! :D

http://www.test.steptoes.co.uk/product-display_Art-W602_dGFibGU9cHJvZHVjdCZmaWVsZD1Db2RlMSZ2YWx1ZT1XNjAy.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