Internet Explorer 10 Windows 8 удаление значков ввода текста и действия пароля

Я тестирую высоконадежное веб-приложение в Internet Explorer 10 на Windows 8, так как это и предстоящий релиз, и, вероятно, будет использовать мое приложение когда-нибудь. Взгляните на этот пример скриншота некоторых элементов управления вводом текста из приложения:

есть ли способ, либо в HTML или CSS, чтобы удалить значки действий, которые расположены справа от элементов управления ввода текста и пароля?

Спасибо за время.

7 70
html css internet-explorer-8 windows-8.1 internet-explorer-10

7 ответов:

вы должны использовать - ms-clear псевдо-элемент. И использовать - ms-reveal в поле Пароль.

Это должно сделать это:

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

вы должны вместо этого использовать это из-за причины в этом ответ.

/* don't show the x for text inputs */
::-ms-clear {
    width : 0;
    height: 0;
}

/* don't show the eye for password inputs */
::-ms-reveal {
    width : 0;
    height: 0;
}
21

ответ jeffamaphone работает, если браузер не находится в режиме совместимости:

вы должны использовать-ms-clear psuedo-элемент. И использовать-ms-reveal для в поле Пароль.

Это должно сделать это:
::- ms-clear { дисплей: нет;
}

но, когда браузер находится в режиме совместимости, значок показать еще появится. Чтобы обойти это, принудительно переведите браузер в режим IE10 с помощью этого тега

5

удалите значки действий из текстовых полей в Internet Explorer 10 просто используйте этот псевдо-элемент css

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

удалите значки действий из полей паролей в Internet Explorer 10 просто используйте этот псевдо-элемент css

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

У меня нет Windows 8 preview, но вы пробовали просто создать пользовательское поле ввода с помощью HTML и CSS? Может быть, попробуйте это : http://www.webdesign4me.nl/Knowledge-Base/custom-input-field-using-html-and-css

0

решение для IE10-docmode "standard" было опубликовано ранее.

Я случайно нашел какой-то обходной путь, который не зависит от IE10-docmode. Если вы можете жить с изменением ширины всех входов до максимума 80 пикселей, используйте следующий jquery:
$("input[type=text]").width(80);

0

возможно, не лучшее решение, но если какие-либо другие решения на этой странице, не работает для вас, попробуйте это.

поместите пустое фоновое изображение на :перед входом. Более конкретно-у меня была своя собственная кнопка clear, стилизованная под веб-сайт, и IE лежал под ней. Я изменил оригинальный прозрачный PNG с моим четким значком, с твердым фоном.

другие браузеры не видят разницы,и он блокирует кнопку IE clear. Работает только тогда, когда ввода цвет фона не меняется, я полагаю.

0