Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

Avatar for Username

Zoeken in Support

Vermijd ondersteuningsscams. We zullen u nooit vragen een telefoonnummer te bellen, er een sms naar te sturen of persoonlijke gegevens te delen. Meld verdachte activiteit met de optie ‘Misbruik melden’.

Learn More

Deze conversatie is gearchiveerd. Stel een nieuwe vraag als u hulp nodig hebt.

Firefox does not render CSS-styled checkboxes the correct width/height.

  • 1 antwoord
  • 38 hebben dit probleem
  • 6 weergaven
  • Laatste antwoord van cor-el

rainman797
rainman797
more options

I'm trying to create a page that renders the checkboxes slightly larger than the browser default. It's important because I'm creating a quiz for young kids (5-7 years old), and ensuring a large click area and that they know where to click can have an effect on their score.

I've poked about on the web and found the http://www.456bereastreet.com/lab/styling-form-controls-revisited/checkbox/ site that shows how different browsers render CSS styles for checkboxes. Firefox seems to ignore CSS related to this completely. Is this a bug, an oversight, or a deliberate decision? If the latter, I'm curious as to why.

Thanks for the help!

I'm trying to create a page that renders the checkboxes slightly larger than the browser default. It's important because I'm creating a quiz for young kids (5-7 years old), and ensuring a large click area and that they know where to click can have an effect on their score. I've poked about on the web and found the http://www.456bereastreet.com/lab/styling-form-controls-revisited/checkbox/ site that shows how different browsers render CSS styles for checkboxes. Firefox seems to ignore CSS related to this completely. Is this a bug, an oversight, or a deliberate decision? If the latter, I'm curious as to why. Thanks for the help!

Bewerkt door rainman797 op

Alle antwoorden (1)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Try to add -moz-appearance: none; to the style of the checkboxes. 

input[type="checkbox"] {-moz-appearance: none;}