Altering 'Select' and 'textarea' fields with CSS...

[SpeedFreak]

hey,

i have a form under construction which has altered form fields.

However, there are 2 things i have yet been unable to do:
1) In the textarea field, change the scrollbar colors.
2) in the select field (drop down menu) i want to get rid of the 'inset' border type and make it a 1px solid border with a custom color. Also, the drop down button (arrow) needs to have its color changed.

How can i do these things??

Cheers

[Kor]

1. see http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/scrollbarColor.htm

2 for changing the border it is enough to use the atribute:

border: 1px solid #FF0000; (you'll have a solid border, 1 px, red)


See some example here:


<label>
<textarea name="textarea" style="scrollbar-3dlight-color:blue;
scrollbar-arrow-color:;
scrollbar-base-color:fuchsia;
scrollbar-darkshadow-color:chartreuse;
scrollbar-face-color:aqua;
scrollbar-highlight-color:magenta;
scrollbar-shadow-color:lightsalmon;border: 1px solid #FF0000"></textarea>
<input type="button" style="border: 1px solid #FF0000" value="Button">
</label>


Or you may use a class or an id... it's up to you

[SpeedFreak]

that border element doesnt work on the select box, only on the input boxes....

EDIT: just to clarify, what you posted above works on everything except the select box which still has a different scrollbar and border

Cheers

[Kor]

I gave u the answers I know

[Roy Sinclair]

Scroll bar color overrides are non-standard code, conflict with already specified user preferences and are (as you can see in the select object) incompletely implemented in the browser which does have them. Better to simply not use them, if the user complains that they are "ugly" then direct the user to change their own settings rather than adjust your web page.