The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Customizing Radio Buttons and Checkboxes

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #24715

    Probably a silly question, but can you customize radio buttons and checkboxes using ONLY CSS? My search resulted in a bunch of jQuery and mootools results, but I want a pure CSS solution if possible.

    Chris Coyier

    If you mean like literally changing the border of the little box on the checkbox, or using a custom checkmark graphic instead of the browser default, or some fine-grained customization like that. Nope, not possible. There are some pretty cool possibilities with JavaScript though, as you are finding. Basically they end up hiding the inputs entirely and replacing them with customized one.

    Next week I plan to do tutorials that will be covering this.


    Yea, figured as much. I’ll look for those tuts.


    Thanks, Chris.

    Someone passed on this article that shows what happens in multiple browsers if you try to style form elements with only CSS. Sums it up pretty well.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.