Styled Select Element

A CSS styled Select element

HTML

<label>
    <select style="width: 200px; text-align: center">
        <option style="text-align: center">Here is the first option</option>
        <option style="text-align: center">The second option</option>
    </select>
</label>

CSS

select {
    border:1px solid #000;
    font-size:14px;
    color:#fff;
    background-color:#444;
    padding:5px;
}
label {
    position:relative
}
label:after {
    content:'< >';
    font:11px"Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px;
    top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px;
    top:0px;
    width:20px;
    height:20px;
    background:#444;
    position:absolute;
    pointer-events:none;
    display:block;
}