2015-04-01 7 views
14

Nel CSS di un sito Web al momento sto lavorando per utilizzare il seguente CSS per nascondere il pulsante "x" che Internet Explorer 10 e 11 aggiungono all'input i campi per gli utenti di cancellare i loro contenuti:Rimuovi la decorazione di input "x" in Microsoft Edge (precedentemente Project Spartan)

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

Visualizzazione del sito stesso nella prima build di Microsoft Edge (nome in codice "Progetto Spartan") in Windows 10 10049 costruire questo CSS non ha alcun effetto. Ciò non sorprende dal momento che Microsoft Edge sta abbandonando l'eredità di Internet Explorer, ma voglio ottenere lo stesso effetto.

Qual è il CSS equivalente richiesto per Microsoft Edge per non eseguire il rendering?

+6

Immagino che questo ti faccia la prima persona a fare una domanda su Spartan :) –

+0

Impossibile riprodurre sul mio build - funziona bene per me. ':: - ms-clear' non ha nulla a che vedere con IE legacy. È una nuova funzionalità non standard introdotta in Windows 8 e IE10. – BoltClock

+1

Bene, quello che intendevo di più era che qualsiasi cosa IE/non standard avrebbe probabilmente funzionato in modo diverso in Project Spartan. Comprendo che Project Spartan sta cercando di gettare l'eredità di Internal Explorer e della sua percezione, quindi diversi User Agent, nome, solo standard ecc. –

risposta

4

Si scopre che il CSS è stato interrotto da quando è stato scritto in origine, e questo non funzionava neanche in IE 10+.

Da quando si fissa il CSS, Microsoft Edge (precedentemente Project Spartan) si comporta come IE10 + e non visualizza la 'x' nei campi di input.

+0

Non ho potuto capirlo. ':: - ms-clear {display: none; } 'non funzionava con IE10? In caso contrario, quale selettore hai usato? – Zanon

+0

Abbiamo qualcosa di simile in un file LESS che compiliamo il nostro CSS da: '' '.my-class {input {& :: - ms-clear {display: none; }}} '' ' –