¿Cómo se quita la frontera en torno a un pre contenteditable centrado?

Question

Cuando me juego un elemento previo a contentEditable y poner el foco en él para la edición, que recibe un borde de puntos alrededor de él que no se ve muy bonito. La frontera no está allí cuando el foco está en otra parte.
¿Cómo se quita esa frontera?

Gracias

Answer 1

Ajuste el rel="noreferrer"> propiedad outline href="http://w3schools.com/cssref/pr_outline.asp" a 0px solid transparent;. Puede que tenga que ponerlo en el estado :focus así, por ejemplo:

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

Answer 2

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

Por ejemplo ( jsFiddle ) :

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

Leer más aquí en codrops .

  

El selector de pseudo-clase :read-write se apoya en Chrome, Safari y Opera 14+, y en IOS.   Se apoya con el prefijo -moz- en Firefox en forma :-moz-read-write.   El selector :read-write no es compatible en Internet Explorer y en Android.