How do you replace the arrow button on <select> element with css?

Question

Trying to style the select element on a form with an image for the dropdown arrow. Dont know if this is possible yet.

Answer 1

Add this style to your

.styled-select {
   background: url(new_arrow.png) no-repeat right #fff;
}

Source: http://bavotasan.com/2011/style-select-box-using-only-css/