Select drop down list will not accept css

I hope someone can help, this is driving me mad!

I am unable to apply css to any select drop down list, it just simply ignores it. All other css coding works with my form fields and buttons etc. I have looked on some of the threads with forms and my css statements are the same, but come to no avail. All I am trying to do is add a border and maybe change the scrollbar.

Is there a problem with IE7 and select elements?

Thanks

Not that I'm aware, but that doesn;t mean there isn't

To style my ul's i ul's (which is what I presume your drop down menu is made out of) I used this for my recent job:

#navbar li ul {
width:30em;
line-height:1em;
border:#000 1px dotted;
position: absolute;
left: -999em;
}

It annoys me too, it doesn't seem logical but give it some thought and it'll sink in

Sorry Frinkky, I think you might of misunderstood me. I'm referring to the HTML Select element in Forms.

Thanks for the advice anyway.

Ah, sorry, I've been slaving over these drop down menu;s for a couple weeks so I naturally assumed you were dealing with the same

How have you tried this? I've used classes to define css styling in all form elements in the past and can't recall a time when any major browser refused to obey my will

select styling is limited without "faking" the select input element but just target it specifically i.e.

#foo select { background:#FF6600; font-weight:bold; color:#FFF; border:solid 1px #333333; }

attached is an example if it helps.

as for scroll bar styling, that is IE specific and should generally be avoided.

Attached Files

select.zip (674 Bytes, 4 views)

__________________

If you want full style control over your form elements, check out nice forms.