Propiedades para dar estilo a casillas, botones de opción, cursores y controles nativos.
accent-color: El color de los controles nativos (casillas, botones de opción, deslizadores, barras de progreso) sin rehacerlos.
Propiedades para dar estilo a casillas, botones de opción, cursores y controles nativos.
Cada elemento lleva una definición corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para editarlos y ver el resultado al momento.
Esencial. El color de los controles nativos (casillas, botones de opción, deslizadores, barras de progreso) sin rehacerlos.
Valores: auto, cualquier color
El color del cursor de escritura en campos de texto.
Valores: auto, cualquier color
Con none, quita el aspecto nativo de un control (un <select>, un botón) para dibujarlo entero con CSS.
Valores: auto, none
Con content, el campo crece con lo que se escribe (un <textarea> que se alarga solo). Así en 2026, aún no funciona en todos los navegadores.
Valores: fixed, content
Dice qué esquemas admite la página (claro, oscuro). Con light dark, los controles y las barras de scroll siguen el modo del sistema.
Valores: normal, light, dark, light dark
Propiedades para dar estilo a casillas, botones de opción, cursores y controles nativos.
Código del tema: input { accent-color: #e63946; }
Propiedades para dar estilo a casillas, botones de opción, cursores y controles nativos.
Cada elemento lleva una definición corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para editarlos y ver el resultado al momento.
Esencial. El color de los controles nativos (casillas, botones de opción, deslizadores, barras de progreso) sin rehacerlos.
Valores: auto, cualquier color
El color del cursor de escritura en campos de texto.
Valores: auto, cualquier color
Con none, quita el aspecto nativo de un control (un <select>, un botón) para dibujarlo entero con CSS.
Valores: auto, none
Con content, el campo crece con lo que se escribe (un <textarea> que se alarga solo). Así en 2026, aún no funciona en todos los navegadores.
Valores: fixed, content
Dice qué esquemas admite la página (claro, oscuro). Con light dark, los controles y las barras de scroll siguen el modo del sistema.
Valores: normal, light, dark, light dark