Estilos a medida según estados y tipos
A veces nos interesa aplicar estilos a los componentes de un formulario dependiendo del tipo o del estado.
Para ello debemos añadir unos estilos en la hoja de estilos .css.
Por ejemplo imaginar que queremos dar un estilo especial a los input de tipo checkbox de nuestro formulario:
input[type=checkbox] {
border: none;
}
De la misma forma se haria para los input de tipo radiobuttom:
input[type=radio] {
border: none;
}
Pero no solo podremos asignar los estilos dependiendo del tipo, también lo podremos hacer dependiendo del estado del mismo.
Para los input que están deshabilitados (disabled):
input [disabled] {
background-color: #E8E8E8;
}
Para los input que están como solo lectura (readonly):
input [readonly] {
background-color: #E8E8E8;
}
