Utilice la expresión CSS para determinar la expresión para establecer el estilo de entrada, que es simple y liviana. La desventaja es que FireFox no admite expresiones de juicio. Lo fatal es que solo puedes distinguir uno (por ejemplo, en el ejemplo, solo puedes distinguir el cuadro de texto), no intentes configurar varios, los siguientes sobrescribirán los superiores... Orz.. .
Código:
Código fuente de ejemplo
[www.downcodes.com] Otra manera:
Código fuente de ejemplo
[www.downcodes.com] aporte{
zoom: expresión(función(ele){(ele.className)?ele.className+=" "+ele.type:ele.className=ele.type; ele.style.zoom = "1";}(this));
}
1. Saque los atributos de entrada y asígnelos a className.
2. Para la expresión, se utiliza un atributo insignificante (aquí zoom) para activarlo. Después de procesar lo que se debe hacer, este atributo se sobrescribe para resolver el problema de eficiencia de la ejecución continua de la expresión.
Código:
Código fuente de ejemplo
[www.downcodes.com]
entrada[tipo="texto"]{
borde: 1px sólido; color del borde: #CCC #EEE #EEE #CCC;
fondo: #F5F5F5;
}
entrada[tipo="contraseña"]{
borde: 1px sólido; color del borde: #CCC #EEE #EEE #CCC;
color: #000; fondo: #F5F5F5;
ancho: 50px;
}
entrada[tipo="botón"]{
borde: 1px sólido; color del borde: #EEE #CCC #CCC #EEE;
color: #000; peso de fuente: negrita; fondo: #F5F5F5;
}
entrada[tipo="restablecer"]{
borde: 1px sólido; color del borde: #EEE #CCC #CCC #EEE;
color: #666; fondo: #F5F5F5;
}
