Home/ Questions/Q 6634279
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T22:54:40+00:00

I’m trying to make a custom checkbox, so I made something like that :

  • 0

I’m trying to make a custom checkbox, so I made something like that : http://jsfiddle.net/wQdUn/2/

The problem is that, on WebKit based browsers, the checkbox is toggled only when clicking on the content of the <span>, not on the box itself, while in Firefox I get the behavior I expect.

So I have two questions:

  • Which one is the right behavior (i.e. the one conform to specifications)?
  • How do I get the result I want in both browsers (and others…)?

Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Not sure about the first question, but if you make the span an inline block too, it’ll work as you expect in WebKit browsers. See http://jsfiddle.net/wQdUn/5

    • 0