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

Как я могу отключить новую функциональность в Internet Explorer 10, которая показывает немного «х» в текстовом поле, когда этоСосредоточены и у меня есть содержание в этом?

 David Bélanger20 нояб. 2012 г., 21:31
Они продолжают добавлять и добавлять вещи ... Хорошая идея, но ...
 HamedH23 июл. 2017 г., 12:16
 VirtuosiMedia08 февр. 2013 г., 13:23
Как они могли подумать, что это хорошая идея? Я понятия не имел, что он сделал, когда впервые увидел это, и яя разработчик ...
 David Masters02 апр. 2014 г., 10:45
Такая невероятно ужасная особенность. При отображении чисел с выравниванием по правому краю - вы нажимаете на определенную позицию в числе, но курсор оказывается в другом месте, потому что эта кнопка очистки сдвигает текст влево! IE это смущение для MS.
 lededje01 апр. 2013 г., 16:45
Не в спецификации, так что не должнобыть там

Ответы на вопрос(5)

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

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

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

ВХром, входы поиска (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; 
}
 Blaze Sahlzen09 мар. 2016 г., 16:40
Более подробный ответ поможет будущим читателям лучше понять.

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

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

input[type=text]::-ms-clear
{
    display: none;
}
Решение Вопроса
input[type=text]::-ms-clear {
    display: none;
}
 Peter Smeekens05 дек. 2012 г., 14:04
Большое спасибо! Существуют ли похожие методы для других элементов формы?
 mintedsky21 апр. 2018 г., 00:46
Эффективно, как это может быть использовано в глобальных CSS.
 JT...01 февр. 2013 г., 06:59
К вашему сведению: это работает только тогда, когда браузер работает в режиме IE10, а не в режиме совместимости. гррр !!
 ManJan09 авг. 2013 г., 17:15
Кто-нибудь знает, как это исправить для IE9?
 lededje01 апр. 2013 г., 16:45
Настолько раздражает, что это так. Режим Compat должен раздеть их ... ARGH!
 Anima-t3d05 дек. 2017 г., 09:26
Это'лучше установитьwidth а такжеheight в0px, В противном случае IE10 игнорирует заполнение, определенное в поле:stackoverflow.com/a/14739092/3163075
 Paul D. Waite10 окт. 2013 г., 12:30
@ScottSelby: возможно, пользователям это действительно понравится, и все остальные браузеры его реализуют. HTML спецификация нене определить, как должны отображаться поля формы (я недумаю). Никто, казалось, не возражал, когда iOS Safari 'В поле URL s добавлено "x" значок, чтобы очистить это.
 beauXjames04 апр. 2013 г., 17:03
Спасибо ... это сработало даже в первый раз. ;)
 Praveen Rao Chavan.G23 июл. 2018 г., 09:01
это работало просто отлично, спасибо :)

Ваш ответ на вопрос