Quería modificar el estado :focus
de un elemento HTML desde la propia etiqueta HTML. Me explico, por ejemplo puedo definir los estilos en la propia etiqueta:
<div style='background: grey'>
</div>
Que en CSS sería equivalente a poner:
div {
background: grey;
}
El problema es que no sé cómo modificar los estilos con los atributos :focus
o :hover
. En CSS sé que sería lo siguiente:
div:hover {
color: white;
}
Estoy probando con:
onmouseover="this.style.boxShadow=inset 0 1px 1px #C27279;"
No consigo que se muestre el nuevo estilo.
CSS
para este propósito. Es poco legible añadir esto en HTML y además atentas contra la Mantenibilidad, reusabilidad y escalabilidad del código.onmouseover="this.style.boxShadow='inset 0 1px 1px #C27279'"
funciona sin problemas (como puedes ver en este JSFiddle). Voto por cerrar la pregunta como error tipográfico.:focus
pero algo similar sí que es.