Style Select Boxes

Some examples to style select boxes.

by Andreas Neumann

HTML

<form name="form1">
<select name="select">
<option value="1">Link Nr. </option>
<option value="2">Link Nr.</option>
<option value="3">Link Nr.</option>
</select>
</form>

CSS

select {
    background-color: #444444;
    color: #ffffff;
    font-weight: 900;
}

option{
    color: green;
    padding: 0px;
    margin: 0px;
    font-weight: 900;
}
/*select  {
    font-size: 1.2em;
    background-color: ivory;
    color: red;
    font-weight: bold;
    padding: 11px;
    border:3px solid violet;
    width: 13em;
    }

option  {
   padding: 11px  33px;
   background-image:  url(http://www.domain.de/bla.gif);
   background-position:  left;
   background-repeat: no-repeat   }*/