FireFox Specific CSS

Question

background-color:transparent doesnt work on SELECTs in browsers other than FireFox. So how I specify background-color:transparent for FF alone and background-color:#something for others ?

Answer 1

Check out this page:

CSS Browser selector.

I use it and works wonders for selecting browsers right in the Stylesheet.

Hope it helps :)

Answer 2

Did you try to apply the cross-browser setting first and the firefox specific setting afterwards?

select {
  background-color: #fff;
  background-color: transparent;
}

Find a simple example that is also working fine in Internet Explorer 8 and in Chrome 4 here: http://jsfiddle.net/b6hWu/