Select Elementinin Okunu Gizleme

17 Haziran 2015

minimalcoding

1843 1

IE 10 (internet explorer) ,Chrome ,Safari ve Firefox ta Select Elementinin Okunu Gizleme

Özel yapılmış Selectbox yapılarının tarayıcı yorumlamasından kaynaklanan ok yapıları default olarak görünür halde gelmektedir. CSS stil dosyamıza ekleyeceğimiz bir kaç satır kodla bunu çözmek mümkün. Peki bu kodlar nelerdir.

Tarayıcılar
CSS	-webkit-appearance: none;	-webkit-appearance: none;-	select::-ms-expand { display: none; }	-moz-appearance: none;

Kullanım Şekli




select{
      -webkit-appearance: none;/* Chrome&Safari */
      -moz-appearance: none; /* Firefox */
}

select::-ms-expand { /* Internet Explorer */
    display: none;
}

select{

-webkit-appearance: none;/* Chrome&Safari */

-moz-appearance: none; /* Firefox */

}

select::-ms-expand { /* Internet Explorer */

display: none;

}

IE 10 (internet explorer) ,Chrome ,Safari ve Firefox ta Select Elementinin Okunu Gizleme

Kullanım Şekli

Yorumlar

Nejdet Acar

Yorum yap