[OpenLayers-Users] Change style for GetFeatureInfo in FF

[Morper-Busch, Lucia]

Hello,
I'm using Openlayers and ExtJS 4.
As stylesheet I selected "ext-4.0.0/resources/css/ext-all-access.css"
Now the background color is dark grey and the text is white. So far so
good.

Firefox and IE are behaving differently:

For the table in the GetFeatureInfo Window in Firefox the standard white
and light grey background remains, only the text is changed into
white... You can't read nothing.
FF uses the original styling that is not affected by any changes. In
Firebug you can see that there remains the old style.

For the IE you have to add the extra style information for some reason:
Here you can change what you want. I changed background into
transparent. It works good.

	/* Styles used by the default GetFeatureInfo output, added to
make IE happy */
	table.featureInfo, table.featureInfo td, table.featureInfo th {
		border: 1px solid #ddd;
		border-collapse: collapse;
		margin: 0;
		padding: 0;
		font-size: 90%;
		padding: .2em .1em;
	}
	
	table.featureInfo th {
		padding: .2em .2em;
		text-transform: uppercase;
		font-weight: bold;
		/*background: #eee;*/
		background: transparent;
	}
	
	table.featureInfo td {
		/*background: #fff;*/
		background: transparent;
	}
	
	table.featureInfo tr.odd td {
		/*background: #eee;*/
		background: transparent;
	}
	
	table.featureInfo caption {
		text-align: left;
		font-size: 100%;
		font-weight: bold;
		text-transform: uppercase;
		padding: .2em .2em;
	}

How can I change the background of the Table in FF?

Thanks for suggestions
Lucia

Dipl.-Geogr. Lucia Morper-Busch | Researcher
University of Salzburg | Centre for Geoinformatics - Z_GIS
Schillerstr.30 | Techno-Z, Block 15, 3rd floor | 5020 Salzburg, Austria
Phone +43 (0)662 8044 5298 | Fax +43 (0)662 8044 5260
> Z_GIS...experts for the spatial view