950302 - Cannot override forms.css for checkbox borders

Status: RESOLVED DUPLICATE of bug 716550

(Core :: Layout: Form Controls, defect)

Description

[Kevin]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:25.0) Gecko/20100101 Firefox/25.0 (Beta/Release)
Build ID: 20131112160018

Steps to reproduce:

Set form checkbox CSS to -moz-appearance:none;
Try to style border or other elements.



Actual results:

forms.css overrides with !important tag on all elements.


Expected results:

This seems like a re-incarnation of this bug: https://bugzilla.mozilla.org/show_bug.cgi?id=244370

Mozilla leaves the items with 2px inset border and can not be changed.  The item should go to a default/blank style when appearance is set to none.

Comment 1

[Boris Zbarsky [:bzbarsky]]

For checkbox this is purposeful.  Unfortunately, lots of sites set border styles on checkbox that make it completely invisible if we actually allow the styles to take effect...

Comment 2

[Boris Zbarsky [:bzbarsky]]

Also, note that "-moz-appearance: none" means "stop doing OS-default styling", not "stop doing any styling at all".  It's a very different property from the "-webkit-appearance" property supported in WebKit and Blink.