Видалити кнопку "чисте поле" IE10 на певних входах?

Безперечно, це корисна функція, але чи можна її відключити?
Наприклад, якщо форма є єдиним текстовим полем і вже має кнопку "Очистити" поруч, зайвим є також X. У цій ситуації було б краще його видалити.

Чи можна це зробити, і якщо так, то як?

Складіть ::-ms-clearпсевдоелемент для поля:

.someinput::-ms-clear {
    display: none;
}

Я знайшов , що це краще , щоб встановити widthі heightв 0px. В іншому випадку IE10 ігнорує прокладку, визначену в полі - padding-right- яка мала на меті запобігти набору тексту над значком "X", який я наклав у полі введення. Я здогадуюсь, що IE10 внутрішньо застосовує padding-rightвхід до ::--ms-clearпсевдоелементу, а приховування псевдоелемента не відновлює padding-rightзначення input.

Це працювало для мене краще:

.someinput::-ms-clear {
  width : 0;
  height: 0;
}

Я застосував би це правило до всіх полів введення тексту тексту, тому його не потрібно дублювати пізніше:

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

Можна навіть отримати менш конкретні, використовуючи просто:

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

Я використав пізніше ще до того, як додати цю відповідь, але думав, що більшість людей вважають за краще бути більш конкретним, ніж це. Обидва рішення працюють чудово.

Вам слід створити стиль для ::-ms-clear( http://msdn.microsoft.com/en-us/library/windows/apps/hh465740.aspx ):

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

А також ви стилі для ::-ms-revealпсевдоелемента для поля пароля:

::-ms-reveal {
   display: none;
}

Я думаю, що варто зауважити, що всі стильові та CSS рішення не працюють, коли сторінка працює в режимі сумісності. Відображувач режиму сумісності ігнорує елемент :: - ms-clear, навіть якщо браузер показує x.

Якщо ваша сторінка потребує запуску в режимі сумісності, можливо, ви затримаєтесь із відображенням X.

У моєму випадку я працюю з деякими сторонніми елементами керування даними, і наше рішення полягало в обробці події "onchange" та очищенні резервного сховища, якщо поле очищено кнопкою x.

Щоб приховати стрілки та перехрестити вхід "час":

#inputId::-webkit-outer-spin-button,
#inputId::-webkit-inner-spin-button,
#inputId::-webkit-clear-button{
    -webkit-appearance: none;
    margin: 0;
}