Question

127

HTML radio buttons: hide bullets

rated 0 times [ 131] [ 4] / answers: 1 / hits: 22447 / 14 Years ago, wed, march 2, 2011, 12:00:00

I want a particular form component to act as radio buttons (only one option may be selected at a time). I do not want the radio bullets to show, however, opting for alternative presentational methods such as high light selected, or some other method. This will allow for graceful degradation: if the user browser does not support Javascript it will just degrade to basic radio buttons. I am wish to hide the bullet buttons through Javascript or CSS. Anyone know how? thanks.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

marvinm

Add To Favorites

Follow

Total Points: 406

Total Questions: 104

Total Answers: 121

Location: Iceland

Member since Tue, Jan 25, 2022

2 Years ago

answered 14 Years ago blaisep · Accepted Answer

If I understand this correctly, you want radio buttons but you don't want the buttons themselves to appear. Keep in mind that just removing the buttons will NOT provide the user experience you are looking for. You need to have some form of user feedback.

You have two options:

1) Program this using javascript / jquery. With that in mind I would suggest you use radio buttons as a starting placeholder, and then use javascript (ideally via a jquery plugin) which will redraw the page and replace the buttons with clickable divs and a dynamically changing hidden field value.

2) Use the CSS meta class of :checked which unfortunately doesn't appear to have cross browser support.