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

В IE 10+ при вводе текста (input[type=text]) справа от поля отображается кнопка (x), когда вы начинаете печатать. Она используется для очистки/удаления введенного текста. ценность.

В Chrome при поиске (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; 
}

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

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

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

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

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