javascript - tamaño - quitar sombra input css

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

Question

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

Answer 1

También puede agregar la :read-write a elementos de estilo editables.

Por ejemplo ( jsFiddle ) :

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

Lea más aquí sobre codrops .

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

Answer 2

Establezca la propiedad del outline en 0px solid transparent; . Es posible que deba establecerlo también en el estado :focus , por ejemplo:

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