2015-04-01 4 views
14

В CSS веб-сайта, над которым я сейчас работаю, мы используем следующий CSS, чтобы скрыть кнопку «x», которую Internet Explorer 10 и 11 добавили на ввод поля для пользователей, чтобы очистить их содержимое:Удалить «x» Входное оформление в Microsoft Edge (ранее Project Spartan)

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

Просмотр тот же сайт в первой сборке Microsoft краю (ранее под кодовым названием «Project Spartan») на Windows 10 Сборка 10049 это CSS не имеет никакого эффекта. Это не удивительно, поскольку Microsoft Edge отрывается от наследия Internet Explorer, но я хочу добиться такого же эффекта.

Что такое эквивалентный CSS, необходимый для Microsoft Edge, чтобы не отображать это?

+6

Я предполагаю, что это делает вас первым, кто задал вопрос о спартанце :) –

+0

Невозможно воспроизвести на моей сборке - это отлично работает для меня. ':: - ms-clear' не имеет ничего общего с наследием IE. Это новая, нестандартная функция, введенная в Windows 8 и IE10. – BoltClock

+1

Ну, я имел в виду, что все IE-специфические/нестандартные, вероятно, будут работать по-разному в Project Spartan. Мое понимание того, что Project Spartan пытается пролить наследие «Внутреннего Проводника» и его восприятия, следовательно, отличается User Agent, имя, стандарты и т. Д. –

ответ

4

Оказалось, что CSS был сломан, поскольку он был изначально написан, и это тоже не работало в IE 10+.

С момента установки CSS, Microsoft Edge (ранее Project Spartan) ведет себя так же, как IE10 + и не отображает «x» в полях ввода.

+0

Я не мог понять. ':: - ms-clear {display: none; } 'не работал для IE10? Если нет, какой селектор вы использовали? – Zanon

+0

У нас есть что-то подобное в файле LESS, мы скомпилируем наш CSS из: '' '.my-class {input {& :: - ms-clear {display: none; }}} '' ' –