Как отключить кнопку Очистить, которую IE10 вставляет в текстовые поля?

Как я могу отключить новую функциональность в Internet Explorer 10, которая показывает немного " x " в текстовом поле, когда он сфокусирован, и у меня есть контент в нем?

5 55
forms css internet-explorer-10

5 ответов:

input[type=text]::-ms-clear {
    display: none;
}
131

In IE 10+, текстовые входы (input[type=text]) показывают кнопку (x) в правой части поля после начала ввода, она используется для очистки/удаления введенного текстового значения.

In хром, поисковые входы (input[type=search]) показывают аналогичную кнопку.

Если вы предпочитаете удалить любой из них для IE10+ и/или Chrome. Вы можете добавить стиль, чтобы скрыть эту кнопку от входа.

посмотреть в действие... http://codepen.io/sutthoff/pen/jqqzJg

/* IE10+ */
::-ms-clear {
  display: none;
}

/* Chrome */
::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration { 
  display: none; 
}
15

вот как я это сделал

input[type=text]::-ms-clear
{
    display: none;
}
2
input::-ms-clear{
   display:none;
}

Это сделал трюк для меня.

2

обратите внимание, что решения стиля и CSS не работают, когда страница выполняется в режиме совместимости. Я предполагаю, что это связано с тем, что кнопка clear была введена после IE7, и поэтому рендерер IE7, используемый в представлении совместимости, не видит ::-ms-clear как допустимый заголовок стиля.

1