Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Applying styles to drop down menus

Status
Not open for further replies.

Guest_imported

New member
Jan 1, 1970
0
Hi all,
Does anyone know if its at all possible to change the border style and color of drop down menus(combo boxes)? I know you can do it with all other forms, but i seem to be unable to apply border stlyes.

I've searched the net far and wide for the code, but it seems that it can't be done.

Would appreciate any help,
Thanks in advance,
John
 
Duffceltic,

You may try this here:
<!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type=&quot;text/css&quot;>
<!--

textarea, select {
scrollbar-face-color: red;
scrollbar-shadow-color: green;
scrollbar-highlight-color: blue;
scrollbar-3dlight-color: gold;
scrollbar-darkshadow-color:aqua;
scrollbar-track-color: green;
scrollbar-arrow-color: gray;
color:red;
font-size:12pt;
font-family:garamond;
border-color:red;
border-width:5px;
text-decoration:underline;
background-image:url(&quot;homer.gif&quot;);
background-color:blue;

}
-->
</style>
</HEAD>

<BODY BGCOLOR=&quot;#FFFFFF&quot;>
<form name=f1>
<select name=s1 size=1>
<option value=&quot;&quot;>mike</option>
<option value=&quot;&quot;>asdf</option>
<option value=&quot;&quot;>hello there</option>
<option value=&quot;&quot;>yamaha</option>
<option value=&quot;&quot;>eac</option>
<option value=&quot;&quot;>65481</option>
<option value=&quot;&quot;>dfhdf3j5g4dhj</option>
<option value=&quot;&quot;>--select--</option>
</select><br>
<textarea name=t1 rows=13 cols=40>asdfasdf</textarea>
</form>
</BODY>
</HTML>

Just copy the code in and try it. Not all of them work for the select field. And it will make netscape screw up too. But you can give these a try. They are perfect for textareas. Ignore 'background-image:url(&quot;homer.gif&quot;);' line since you don't have the gif. I put in the next line instead.

Mike
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top