background-color property for option element

[imokali]

imokali last edited by

Hello,

The background-color property of an option element is being specified like so in the element:
style="background-color:rgb(0,0,119)"

In Firefox the background has the colour as specified. In Opera, Chrome and Safari the background is white.

In the Opera inspector the author's property displays normally:
element.style {
background-color: rgb(0,0,119);
}

and the useragent's property displays faded:
select {
...
background-color: white;
...
}

Anyone know why the useragent's style is given priority?

Cheers.

[christoph142]

christoph142 last edited by

works fine here (Opera 26):
http://jsfiddle.net/6ce5d5a6/

[imokali]

imokali last edited by

Thanks.

The code at http://jsfiddle.net/6ce5d5a6/ only works on Firefox on Mac OS X 10.6.8.

Which operating system have you seen it work on?

[christoph142]

christoph142 last edited by

Opera 24 & 26 @ Windows 8.1

[imokali]

imokali last edited by

Looks like a mac thing.

[A Former User]

A Former User last edited by

The drop-down menus used for select’s options is a native menu. You cannot change their style at this time.

[imokali]

imokali last edited by

Thanks, do you know if this is an Opera feature or a Chromium feature?

[christoph142]

christoph142 last edited by

You said it for yourself:

In Opera, Chrome and Safari the background is white.

That means it's a Chromium-issue

[imokali]

imokali last edited by

Thanks for all your info.

[A Former User]

A Former User last edited by

Its more a standards issue.