Select Box Ok İkonunu Değiştirmek

Select Box , Listbox, Dropdown list’lerin ok ikonunu değiştirmek css ile mümkün. Aşağıdaki css kodları ile istediğiniz ikonu koyabilirsiniz.
appearance mevcut ok ikonunu kaldırmaya yarıyor ve background ile de kendi ikonumuzu yerleştirmiş oluyoruz.
Örnek selectbox
selectbox icon değiştirme
icon.png yerine istediğiniz resmi koyabilirsiniz.

select{
width: 100px;
-webkit-appearance: none; /* WebKit */
-moz-appearance: none; /* Mozilla */
-o-appearance: none; /* Opera */
-ms-appearance:none; /* Internet Explorer */
appearance: none; /* CSS3 */
padding: 2px;
border: none;
background: url("icon.png") no-repeat #fff right center;
}
Continue Reading