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;
}

You may also like

2 yorum

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.