Change Color

[arpan]

I want to change the color of the small square as well as the arrow within this small square which is seen when there is a <select> element (clicking which the different options given in the drop-down menu can be seen) in an HTML Form. How do I do this? Also how do I change the scrollbar color in case of <select size='some number'> element i.e. when more than one option can be seen at any given time by the users?

Thanks,

Arpan

 

[RISTMO]

Scrollbar & arrow colors can't be changed; do this to change the background color:

<style>
select{
background-color:red;
}
</style>

That will change EVERY select on the page. Do this to change only one:

<select style=&quot;background-color:red;&quot;>...

Rick

 

[ZekeO238]

<style>
body {
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-3dlight-color: #;
scrollbar-darkshadow-color: #;
scrollbar-shadow-color: #;
scrollbar-track-color: #;
scrollbar-arrow-color: #;
}
</style>

 

[RISTMO]

First of all, I meant the scrollbars for the select, not for the body. Second, that is not valid css, as you will see if you check it with

http://jigsaw.w3.org/css-validator/

That means that it will not work in browsers other than IE, which is too forgiving.

Rick