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

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

IE10 Clear Button

Ответы

Ответ 1

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

Ответ 2

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

В Chrome, входы поиска (ввод [тип = поиск]) показывают аналогичную кнопку.

Если вы предпочитаете удалить любой из них для 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; 
}

Ответ 3

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

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

Ответ 4

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

Ответ 5

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

Это помогло мне.