2016-04-11 18 views
0

Benim sorunum, web sitemde seçilen tüm okları varsayılan olarak aşağıdaki kodla gizlenecek şekilde ayarlamam gerektiğidir.HTML, CSS | Önceden kaldırılmış oku seç

select::-ms-expand { 
     //remove default down arrow in IE 
     display: none; 
    } 

    select.form-control { 
     -moz-appearance: none; 
     -webkit-appearance: none; 
     appearance: none; 
    } 

Sonra bu efekti taşımak istemediğim yeni bir seçim oluşturdum. Bunun varsayılan olarak görünmesini istiyorum. Sorum şu, bunun üzerine yazmak için neye ihtiyacım var.

select.select-p-text::-ms-expand { 
    //remove default down arrow in IE 
    display:    ?; 
    } 

    select.select-p-text.form-control { 
    -moz-appearance:  ?; 
    -webkit-appearance: ?; 
    appearance:   ?; 
    } 

sayesinde

Kieran

+0

Bir jsFiddle yapabilir misiniz? nd? –

+2

@AndyHolmes, bu küçük okları seçici form öğelerinden gizledi. Şimdi tek bir element için tekrar nasıl gösterileceğini ve bunu başarmak için yazması gereken şeyi öğrenmek istiyor. Op burada bakmak zorunda: https://css-tricks.com/almanac/properties/a/appearance/ – Fuzzyma

cevap

1

bu içine denilen sınıf yapacaktır

select:not(.selectClass)::-ms-expand { 
     //remove default down arrow in IE 
     display: none; } 

    select:not(.selectClass).form-control { 
     -moz-appearance: none; 
     -webkit-appearance: none; 
     appearance: none; } 

bu kod efendim kullanmayı deneyin: hayır css tasarımı devralmak için değil()

+0

Güzel çözüm, teşekkürler – Kieranmv95

+0

en çok hoş geldiniz. – Abbr