base select

by jorgeluis

HTML

<select id="select" name="select">
    <option selected="selected" value="10">10</option>
    <option value="20">20</option>
    <option value="50">50</option>
</select>

CSS

body {
    font-size: 16px;
    background-color: #888;
}
select {
    display: inline-block;
    font-size: 1em;
    height: 2em;
    line-height: 2em;
    padding: 4px 0;
    vertical-align: middle;
    border: solid 1px #ccc;
    
    background-color: white;

    color: #333;
    border-radius: 5px;
}

option {
    /* no option styling supported in Chrome (v27) */
    line-height: 1.5;

    /* color _does_ work in FF, IE8 */
    color: red;
}