html - reales - manual android studio avanzado




Internet Explorer 10 Windows 8 Eliminar entrada de texto y los iconos de acción de contraseña (5)

Elimine los íconos de acción de los campos de texto en Internet Explorer 10 solo use este css pseudo elemento

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

Elimina los íconos de acción de los campos de contraseña en Internet Explorer 10 solo usa este css pseudo elemento

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

Estoy probando una aplicación web altamente personalizada en Internet Explorer 10 en Windows 8, ya que es una versión prometedora, y probablemente use mi aplicación algún día. Eche un vistazo a esta captura de pantalla de ejemplo de algunos controles de entrada de texto de la aplicación:

¿Hay alguna manera, ya sea dentro de HTML o CSS, para eliminar los iconos de acción que se encuentran a la derecha de los controles de entrada de texto y contraseña?

Gracias por tu tiempo.


En su lugar, debe usar esto debido a la razón en esta answer .

/* 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;
}

La solución para IE10-docmode "estándar" se ha publicado anteriormente.

Inicialmente encontré algún tipo de solución que es independiente de IE10-docmode. Si puede vivir cambiando el ancho de todas las entradas a un máximo de 80 píxeles, use la siguiente jquery:
$("input[type=text]").width(80);



Tal vez no sea la mejor solución, pero si alguna de las otras soluciones en esta página no funciona para usted, intente esto.

Coloque una imagen de fondo en blanco en: antes de la entrada. Más específicamente: tenía mi propio botón claro con el estilo del sitio web, y IE subestimado el suyo. Cambié el PNG transparente original con mi ícono claro, con uno de fondo sólido.

Otros navegadores no ven la diferencia y bloquea el botón de borrar de IE. Solo funciona cuando el color de fondo de entrada no cambia, supongo.





internet-explorer-10