¿Eliminar el botón X de "borrar campo" de IE10 en ciertas entradas?
Es una característica útil, sin duda, pero ¿hay alguna forma de desactivarla?
Por ejemplo, si el formulario es un solo campo de texto y ya tiene un botón "borrar" al lado, es superfluo tener también la X. En esta situación, sería mejor eliminarla.
¿Se puede hacer y, de ser así, cómo?
Diseñe el ::-ms-clearpseudoelemento del cuadro:
.someinput::-ms-clear {
display: none;
}
Descubrí que es mejor configurar widthy heighten 0px. De lo contrario, IE10 ignora el relleno definido en el campo, padding-rightcuyo objetivo era evitar que el texto se escriba sobre el icono 'X' que superpuse en el campo de entrada. Supongo que IE10 está aplicando internamente la padding-rightentrada al ::--ms-clearpseudoelemento y ocultar el pseudoelemento no restaura el padding-rightvalor del archivo input.
Esto funcionó mejor para mí:
.someinput::-ms-clear {
width : 0;
height: 0;
}
Aplicaría esta regla a todos los campos de entrada de tipo texto, por lo que no es necesario duplicarla más adelante:
input[type=text]::-ms-clear { display: none; }
Incluso se puede ser menos específico usando simplemente:
::-ms-clear { display: none; }
He usado este último incluso antes de agregar esta respuesta, pero pensé que la mayoría de las personas preferirían ser más específicas que eso. Ambas soluciones funcionan bien.
Debe diseñar para ::-ms-clear( http://msdn.microsoft.com/en-us/library/windows/apps/hh465740.aspx ):
::-ms-clear {
display: none;
}
Y también diseñas el ::-ms-revealpseudoelemento para el campo de contraseña:
::-ms-reveal {
display: none;
}
