I need help in using the CSS3 rounded corner to style my <select> drop down. So far I have this:
Code:
#example1 {
border-radius: 15px;
width:150px;
Code:
<select id="example1">
<option>1</option>
<option>2</option>
</select>

The problem with this is that the little box with the arrow is still squared. How can I "shape" that to conform with the box (border topleft and bottomleft 90 degree, while topright and bottomright rounded)?