August 10th, 2003, 10:53 AM
css drop down color change?
Ok so I've got a dropdown menu (what you use to select size/font/color when posting a thread) for a search form i'm doing, but the thing is nothing i seem to do in css seems to be able to get rid of the ugly grey outline and grey dropdown button, but as i'm seeing here on the forums the same ugly grey outline appears, is this a problem that is only resolved with like the latest version of i.e., is it possible or not?
August 10th, 2003, 01:35 PM
I had the exact same qustion a while ago, searched the whole of the internet and from what i could find you can not change the colour of the drop down menu arrow, you can change the text inside the background colour but you cant get rid of the greyness.
August 10th, 2003, 02:47 PM
i'm afraid the dude is right (big lebowski fan by any chance?)
The reason you can do so little with <select> tags is due to the way they are rendered in IE. IE uses the standard windows dropdown menu for HTML dropdowns (a bit of lazy coding on the part of M$). Because these elements are standard windos controls you can't do an awful lot with them. Try testing your style in Mozilla and see what you can do there.
August 10th, 2003, 06:31 PM
I believe Mozilla for windows has the same problem that IE does.
August 10th, 2003, 06:53 PM
It's worth noting, that for an element with id 'the_select', mozilla offers these properties in its DOM:
I've never actually tried modifing them - but I'm guessing they are there to specifically modify the way Mozilla renders the element. Post back if you get it working.
# the_select.style.MozAppearance =
# the_select.style.MozBackgroundClip =
# the_select.style.MozBackgroundInlinePolicy =
# the_select.style.MozBackgroundOrigin =
# the_select.style.MozBinding =
# the_select.style.MozBorderBottomColors =
# the_select.style.MozBorderLeftColors =
# the_select.style.MozBorderRadius =
# the_select.style.MozBorderRadiusBottomleft =
# the_select.style.MozBorderRadiusBottomright =
# the_select.style.MozBorderRadiusTopleft =
# the_select.style.MozBorderRadiusTopright =
# the_select.style.MozBorderRightColors =
# the_select.style.MozBorderTopColors =
# the_select.style.MozBoxAlign =
# the_select.style.MozBoxDirection =
# the_select.style.MozBoxFlex =
# the_select.style.MozBoxOrdinalGroup =
# the_select.style.MozBoxOrient =
# the_select.style.MozBoxPack =
# the_select.style.MozBoxSizing =
# the_select.style.MozCounterIncrement =
# the_select.style.MozCounterReset =
# the_select.style.MozFloatEdge =
# the_select.style.MozForceBrokenImageIcon =
# the_select.style.MozImageRegion =
# the_select.style.MozKeyEquivalent =
# the_select.style.MozOpacity =
# the_select.style.MozOutline =
# the_select.style.MozOutlineColor =
# the_select.style.MozOutlineRadius =
# the_select.style.MozOutlineRadiusBottomleft =
# the_select.style.MozOutlineRadiusBottomright =
# the_select.style.MozOutlineRadiusTopleft =
# the_select.style.MozOutlineRadiusTopright =
# the_select.style.MozOutlineStyle =
# the_select.style.MozOutlineWidth =
# the_select.style.MozResizer =
# the_select.style.MozUserFocus =
# the_select.style.MozUserInput =
# the_select.style.MozUserModify =
# the_select.style.MozUserSelect =
November 9th, 2003, 05:29 PM
<select> tag color question
I have a question that related to your topic.
I am using a style sheet to format my drop down menus.
I have the <select> tag formatted to my liking.
I have 2 dropdowns and I want one of them to be in another color.
I tried making a 2nd <select> tag, called it <select2> But the page doesn't recognize it.???
I am CSS challenged.... Can any of you help me?
Is it possible to make 2 different dropdowns????
November 20th, 2003, 08:30 AM
It's faily easy, but you should step away from the general css formatting of <select>. Rather make 2 css classes, for instance select1 and select2. Then, in your HTML, apply the wanted style to each select-box like this:
[PHP]<select name='select' class='select1'>[PHP]
... and so on. Easy enough?
March 8th, 2004, 07:33 AM
You can give both dropdowns a different css class, or define css style for both inside the tags, instead of an external stylesheet.
Originally Posted by tuck01
March 8th, 2004, 07:38 AM
Has anyone yet found a way to format selct dropdowns properly? I can alter the border of input tags etc. but select won't work. Is this indeed a rendering problem? because I recall to have seen something like I want to do on another site. I just can't remember where....
March 8th, 2004, 07:47 AM
Dropdowns are actually part of your OS, and not the browser, so there is unfortunately nothing you can do to change their appearances...