Overriding Native Styling

If styling a XUL element just doesn’t seem to work it may be because that element has default platform-specific styling applied to it. I ran into this problem when I was trying to change the background color of a textbox. To disable this just add this to your CSS:

.disableMoz {
 -moz-appearance: none;

and add disableMoz to the class name of the element you’re trying to style. Of course, there is probably a reason that this style is the default and you should consider the stylistic implications of changing it.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s