drop down arrow background color

[jcroft]

I can change the background color and font color of buttons and the background of select drop downs....

how do I change the color of the drop down arrow in the select box

here is code to change other stuff...

<style>
select.Menu{
font-family: Arial;
font-size: 10pt;
font-weight: bold;
font-style: normal;
}

option.MenuColorOne{
color:#white;
background-color:#b1a883;
}
option.MenuColorTwo{
color:#white;
background-color:#c0b89a;
}
option.MenuColorthree{
color:#white;
background-color:yellow;
}
</style>



<style>
#submit
{
background:#fffff;
color:663300;
}
#submit1
{
background:#fffff;
color:663300;
}
#submit2
{
background:#fffff;
color:663300;
}
#closeme
{
background:#fffff;
color:663300;
}
#print
{
background:#fffff;
color:663300;
}
#saveas
{
background:#fffff;
color:663300;
}
#back
{
background:#fffff;
color:663300;
}
#reset
{
background:#fffff;
color:663300;
}
#update
{
background:#fffff;
color:663300;
}
#delete
{
background:#fffff;
color:663300;
}
#dept
{
background:#fffff;
color:663300;
}
</style>
--only those that do not try, fail--

 

[Tarwn]

I have yet to find a CSS attribute or piece of code that will do this, if anyone has the solution I would be glad to see it.

-Tarwn ________________________________________________________________________________
Sometimes it is how you ask the question: faq333-2924
Many ASP questions have already been answered, please check faq333-3048 and use the search tool before posting

 

[jcroft]

I found this code that might work, but I don't know enough
about javascript to impliment it for a select box....

any suggestions?




<TEXTAREA ID=&quot;longWord&quot; ROWS=&quot;10&quot;>
Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long
Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line
Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long
Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line Long Line
Long Line
</TEXTAREA>
<A HREF=&quot;javascript:void(longWord.style.scrollbarBaseColor='red')&quot;><FONT COLOR=&quot;red&quot;>red scrollbars</FONT></A>
<A HREF=&quot;javascript:void(longWord.style.scrollbarBaseColor='green')&quot;><FONT COLOR=&quot;green&quot;>green scrollbars</FONT></A>
Notice the usage of void() above. It is necessary to avoid overwriting of the page with the return value from the javascript: call, which is the property assignment value (red or green).


--only those that do not try, fail--

 

[rtshort]

I cut and pasted the following out of Visual Interdev. I changed the background color of the combo box to grey, but I did it at design time. Don't know if it will help you or not but here it is:

<OBJECT classid=&quot;clsid:8BD21D30-EC42-11CE-9E0D-00AA006002F3&quot; id=cboOperation style=&quot;HEIGHT: 25px; LEFT: 6px; TOP: 187px; Z-INDEX: 102; POSITION: ABSOLUTE;&quot; VIEWASTEXT>
<PARAM NAME=&quot;VariousPropertyBits&quot; VALUE=&quot;746604571&quot;>
<PARAM NAME=&quot;BackColor&quot; VALUE=&quot;12632256&quot;>
<PARAM NAME=&quot;ForeColor&quot; VALUE=&quot;8388608&quot;>
<PARAM NAME=&quot;MaxLength&quot; VALUE=&quot;0&quot;>
<PARAM NAME=&quot;BorderStyle&quot; VALUE=&quot;0&quot;>
<PARAM NAME=&quot;ScrollBars&quot; VALUE=&quot;0&quot;>
<PARAM NAME=&quot;DisplayStyle&quot; VALUE=&quot;3&quot;>
<PARAM NAME=&quot;MousePointer&quot; VALUE=&quot;0&quot;>
<PARAM NAME=&quot;Size&quot; VALUE=&quot;2540;661&quot;>
<PARAM NAME=&quot;PasswordChar&quot; VALUE=&quot;0&quot;>
<PARAM NAME=&quot;ListWidth&quot; VALUE=&quot;0&quot;>
<PARAM NAME=&quot;BoundColumn&quot; VALUE=&quot;1&quot;>
<PARAM NAME=&quot;TextColumn&quot; VALUE=&quot;65535&quot;>
<PARAM NAME=&quot;ColumnCount&quot; VALUE=&quot;1&quot;>
<PARAM NAME=&quot;ListRows&quot; VALUE=&quot;8&quot;>
<PARAM NAME=&quot;cColumnInfo&quot; VALUE=&quot;0&quot;>
<PARAM NAME=&quot;MatchEntry&quot; VALUE=&quot;1&quot;>
<PARAM NAME=&quot;ListStyle&quot; VALUE=&quot;0&quot;>
<PARAM NAME=&quot;ShowDropButtonWhen&quot; VALUE=&quot;2&quot;>
<PARAM NAME=&quot;ShowListWhen&quot; VALUE=&quot;1&quot;>
<PARAM NAME=&quot;DropButtonStyle&quot; VALUE=&quot;1&quot;>
<PARAM NAME=&quot;MultiSelect&quot; VALUE=&quot;0&quot;>
<PARAM NAME=&quot;Value&quot; VALUE=&quot;&quot;>
<PARAM NAME=&quot;Caption&quot; VALUE=&quot;&quot;>
<PARAM NAME=&quot;PicturePosition&quot; VALUE=&quot;458753&quot;>
<PARAM NAME=&quot;BorderColor&quot; VALUE=&quot;2147483654&quot;>
<PARAM NAME=&quot;SpecialEffect&quot; VALUE=&quot;2&quot;>
<PARAM NAME=&quot;Accelerator&quot; VALUE=&quot;0&quot;>
<PARAM NAME=&quot;GroupName&quot; VALUE=&quot;&quot;>
<PARAM NAME=&quot;FontName&quot; VALUE=&quot;Times New Roman&quot;>
<PARAM NAME=&quot;FontEffects&quot; VALUE=&quot;1073741825&quot;>
<PARAM NAME=&quot;FontHeight&quot; VALUE=&quot;240&quot;>
<PARAM NAME=&quot;FontOffset&quot; VALUE=&quot;0&quot;>
<PARAM NAME=&quot;FontCharSet&quot; VALUE=&quot;0&quot;>
<PARAM NAME=&quot;FontPitchAndFamily&quot; VALUE=&quot;2&quot;>
<PARAM NAME=&quot;ParagraphAlign&quot; VALUE=&quot;1&quot;>
<PARAM NAME=&quot;FontWeight&quot; VALUE=&quot;700&quot;></OBJECT> Rob
Just my $.02.