Ext JS – Disabled Form Fields in Firefox Look Green

If you have a field on a FormPanel that is a nice greenish color in Firefox instead of gray when disabled, then you need to set the background color on the container. At least that is what worked for me. This was specifically occurring on a checkbox. I had to add

.x-form-check-wrap {
    background-color: white;

to my styles to fix it.

My situation was a FormPanel where frame was set to false and therefore my form had a white background. Here is a picture of the offending checkbox:

Helpful Links:
Disabled Elements in Firefox 3-4
Firefox Opacity, Text Gets Weird


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