SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Wizard
    Join Date
    Feb 2007
    Location
    Southern California
    Posts
    1,338
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Replace default radio buttons

    Is there a way to replace the default tiny radio buttons with larger ones of a different shape? I figure it could be done with Javascript (which language I don't know). I'd like to use long rectangles with rounded corners. The context will tell the user that these are option buttons.

    I need larger radio buttons for the iPhone. I'm still displaying a web page, so whatever works with HTML would be good to have! Any suggestions?

    I've gotten several CSS suggestions for styling the radio buttons, but they all have problems.

    Thanks!
    Steve

  2. #2
    Non-Member Kalon's Avatar
    Join Date
    Aug 2010
    Location
    At my computer
    Posts
    2,012
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The only way I can think of (that will definitely work) is to create 2 images (one for checked and one for unchecked) and then use an <img> with an onclick to replicate the functionality of a normal radio button. The value for the button (when in the checked state) can be stored in a hidden <form> input. When the button state is unchecked the hidden input can be removed using javascript.

  3. #3
    SitePoint Enthusiast
    Join Date
    Jan 2009
    Posts
    73
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •