Modificar comportamiento de la peudoclase focus Hola, qué tal todos?
Bien, vengo con una pregunta que no sé si es simple no difícil...
Resulta que me hice un tipo de acordeón pero en vez de expandirse con la pseudoclase hover le puse a que lo hiciera con focus.
El problma es que no se mucho de programación, así que hice un ul, a los li le añadí estos atributos: contenteditable="true" y readonly="readonly". con esto logré conseguir que un simple li pueda tomar la pseudoclase focus. Como hice el contenido editable utilicé unas reglas de css3 que impiden la selección del texto, y por tanto su modificación.
todo bien hasta ahí, la cuestión es que en distintos navegadores no se comporta igual, ejempolo, en google chrome según se ve excelente, en mozilla firefox se puede ver la barra intermitente que aparece en los campos de texto, en opera ni si quiera funciona la regla css3 que bloquea la selección del texto.
Por esa razón quería saber si es posible modificar el comportamiento del focus con javascript, lo que quiero lograr es que el content editable no sea editable aunque le haya puesto el atributo al li, que de hecho si no se lo pongo no asimila la pseudoclase focus, para de esa manera lograr que la barra intermitente desaparezca y el texto no sea editable, de esa forma no tengo que poner reglas de css3 que bloquean la selección del texto.
Acá dejo el link del elemento del que hablo: http://grupochalas.com/ingenap/servicios.html
Si se puede porfavor me dicen, si no se puede pues no tengo idea de que hacer xD
Gracias de antemano!
