+4  A: 

Unfortunately what you are seeing is the browser's default widget behavior that has no CSS override. There are some options available to you - perhaps something like Taming the select will be helpful?

Andrew Hare
thanks for the useful link
Thomas Stock
+3  A: 

Agreed with Andrew. One other thing you might think about, though, is that usability goes down when you change form elements' styles. If you mean to denote a changed part of a form you might just highlight the box around the select.

Eric Wendelin
The grid I'm developing will be used exactly 1 time by a few thousand companies. In the grid they have to change the function/job of their employees.
Thomas Stock
One of the functions is the default "to change" function and we want to show that one in yellow, to point out that it still has to be changed using the dropdown. Do you have another suggestion on how we could point this out?I'm thinking my previously mentioned jquery code is the best solution..
Thomas Stock
I'm sure the jQuery code would work, I guess I'd rather highlight around the select box by using myselectbox.parentNode.className += " yellow". If you must color the form element itself, then perhaps the jQuery is the way to go.
Eric Wendelin
The jquery code did not work. Adding the class "yellow" to the select also turned all option's yellow :-)I will use a parent div as you suggested. Thanks for your time.
Thomas Stock
Well if you like you can also add select.yellow option { background-color: #fff; } to your CSS.
Eric Wendelin
Thanks, didn't think about that.
Thomas Stock
+1  A: 

If you want to style select box I'd suggest replace them with something like JQuery Flexbox (demo). If not they will be rendered in different ways across browsers & platforms.

Alekc
thanks, I could use that in another project
Thomas Stock