Drop Down Menu Colors

[8mycsh]

I am new to this board so if this doesn't get posted in the right place...I am sorry. Anyway on to my problem. I have a drop down menu on a site and I was wondering if I can change the color of the arrow? I know the script for changing the navigation bars to the right of the screen but is it possible to do that to the arrow of a drop down menu? Can someone help me out!

Thanks

[ACJavascript]

Dave is 100% right.
You can though change the font and background color.

[jkd]

If you enable XBL bindings for form elements in Gecko, you can change the dropdown arrow through css with an image of your own.

[Bosko]

Could you show me an example of that,please?

[jkd]

Well firstly, do you have an installation of Mozilla? If you do, look at /pathTo/Mozilla/res/forms.css

For example, on my computer it is:
file:///F:/Program%20Files/mozilla.org/Mozilla/res/forms.css

There is where you can see how form widgets are created.

This in particuklar is what seems to be significant to your question:

select > input[type="button"] {
width: 12px;
height: 12px;
white-space: nowrap;
-moz-user-focus: none;

position: static !important;
background-image: url("arrow.gif") !important;
background-repeat: no-repeat !important;
background-position: center !important;
}

select > input[type="button"]:active {
background-image: url("arrowd.gif") !important;
}


Keep in mind, Mozilla users are < 1% of all web surfers, and on top that, the number of people enabling XBL form widgets I can probably count on my fingers and toes. I may be surprised though....

[8mycsh]

ok thanks for all your help

[Bosko]

The code that you posted can be found in resource://res/forms.css ,and yeah,I don't think anyone actually uses XBL based form elements.