Pregunta ¿Cómo elimino el borde alrededor de una precontenida enfocada?


Cuando configuro un pre elemento para contenteditable y pongo el foco en él para editarlo, recibe un borde punteado a su alrededor que no se ve muy bien. El borde no está allí cuando el foco está en otro lugar.
¿Cómo elimino ese borde?

Gracias


75
2018-02-14 10:47


origen


Respuestas:


Selecciona el outline propiedad a 0px solid transparent;. Es posible que deba configurarlo en el :focus estado también, por ejemplo:

[contenteditable]:focus {
    outline: 0px solid transparent;
}

136
2018-02-14 10:49



También puede agregar el :read-write pseudoclase para diseñar elementos editables.

Por ejemplo (jsFiddle):

.element:read-write:focus {
     outline: none;
}

Lee mas aquí en codrops.

los :read-write selector de pseudo-clase es compatible con Chrome, Safari y Opera 14+, y en iOS.   Es compatible con el -moz- prefijo en Firefox en la forma :-moz-read-write.   los :read-write selector no es compatible con Internet Explorer y Android.


9
2018-02-04 23:38