border color on <select>

cilla · November 3rd, 2004, 09:07 AM

Hi,
Someone know if I can get another color on the border to a <select> list I want it to be black and the V to be ligt grey, Is it possible in ASP?
Tried this but it donÂ´t work!

Code:

<SELECT NAME="table_name" style="background:white;color:BLACK;font-family:arial, verdana; font-size:10px;width=135px;height:18px; font-color:grey; bordercolor:black">

Imar · November 3rd, 2004, 02:33 PM

Hi cilla,

Unfortunately not; you cannot change the border of the select list, nor change the color of the arrow (the latter is a OS theme setting).

The closest workaround I have come across (other than completely rebuilding your own drop-down in JavaScript) is to add a border around a container element like a <span> tag:

<span style="border:1px solid red;"><select ......></span>

You can, however, influence individual <option> elements. The following code creates a zebra list:

Code:

<select>
  <option style="background-color:#000;color:#fff">Option 1</option>
  <option style="background-color:#fff;color:#000">Option 2</option>
  <option style="background-color:#000;color:#fff">Option 3</option>
  <option style="background-color:#fff;color:#000">Option 4</option>
</select>

It's not as good as complete control through the style attribute for the <select> list, but it might be something....

Cheers,

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.
While typing this post, I was listening to: Lateralus by Tool (Track 9 from the album: Lateralus) What's This?