2015-04-01 11 views
14

Şu anda üzerinde çalıştığım bir web sitesinin CSS'sinde, Internet Explorer 10 ve 11'in girişe eklediği 'x' düğmesini gizlemek için aşağıdaki CSS'yi kullanıyoruz kullanıcılar için alanlar içeriklerini temizlemek için:'x' Girdi Dekorasyonunu Kaldırma Microsoft Edge'de (önceden Project Spartan)

input::-ms-clear { 
    display: none; 
} 

bu CSS etkisi yoktur 10049 kurmak, Windows 10 (eskiden "Proje Spartan" kod adlı) Microsoft Kenardan ilk yapı aynı web sitesini görüntüleniyor. Microsoft Edge'in Internet Explorer'ın mirasından ayrılmasından dolayı bu şaşırtıcı değil, ama aynı etkiyi elde etmek istiyorum.

Microsoft Edge'in bunu yapmaması için gerekli eşdeğer CSS nedir?

+6

Bu sanırım Spartan hakkında bir soru sormak için ilk kişi sizsiniz :) –

+0

Yapım üzerinde yeniden üretilemiyor - bu benim için iyi çalışıyor. ':: - ms-clear' IE mirası ile ilgisi yok. Windows 8 ve IE10'da tanıtılan standart olmayan yeni bir özelliktir. – BoltClock

+1

Peki, daha çok kastettiğim şey, IE'ye özgü/standart olmayan herhangi bir şeyin Proje Spartan'da farklı şekilde çalışabilmesiydi. Projenin Spartan'ın, İç Gezginin mirasını ve onun algısını, dolayısıyla farklı Kullanıcı Aracısı, adı, standartları-sadece, vb. Tutmaya çalıştığını anlıyorum. –

cevap

4

Orijinal olarak yazıldığından beri CSS'nin kırılmış olduğu ortaya çıktı ve bu da IE 10 + 'da çalışmadı.

CSS'yi sabitlediğinden beri, Microsoft Edge (önceden Project Spartan), IE10 + ile aynı davranıyor ve giriş alanlarında 'x' görüntülenmiyor.

+0

Anlayamadım. ':: - ms-clear {ekran: yok; } 'IE10 için çalışmıyor muydu? Eğer değilse, hangi seçici kullanıyorsunuz? – Zanon

+0

CSS'mizi şu şekilde derlediğimiz bir LESS dosyasında böyle bir şeye sahibiz: ''. .my-class {input {& :: - ms-clear {display: none; }}} '' ' –