Ever want to get fancy with your select boxes with a little CSS? It’s easy to set the bordercolor’s or text or background color. You can even make the text bold. But if you want to get detailed and take your CSS styling down to the individual element in your select list you’ll have to get a little creative.

You write a script to access those elements and then set the style for which element you choose. Now if you are dynamically generating those elements in the list through PHP ASP.net or ColdFusion, you will of course have to know what to key your script on if you want certain elements to be bold or italics, or a certain color.

For a good example of this you can check out Google’s Gmail. They’ve written the Label select list to where certain elements behave and have styles different from the others. You can only do that with detailed CSS done at the script level.

Well, I was messing around one day and I found this site that has some interesting tutorials on Styled Select Boxes.