Avatar for Username

Przeszukaj pomoc

Unikaj oszustw związanych z pomocą.Nigdy nie będziemy prosić Cię o dzwonienie na numer telefonu, wysyłanie SMS-ów ani o udostępnianie danych osobowych. Zgłoś podejrzaną aktywność, korzystając z opcji „Zgłoś nadużycie”.

Learn More

Wątek został zarchiwizowany. Jeśli potrzebujesz pomocy, zadaj nowe pytanie.

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

  • 1 odpowiedź
  • 38 osób ma ten problem
  • 6 wyświetleń
  • Ostatnia odpowiedź od 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!

Zmodyfikowany przez rainman797 w dniu

Wszystkie odpowiedzi (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;}