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. El borde no está allí cuando el foco está en otro lugar.
¿Cómo elimino ese borde?¿Cómo elimino el borde alrededor de una precontenida enfocada?
Gracias
Conjunto del outline property a 0px solid transparent;. Puede que tenga que ponerlo en el estado :focus así, por ejemplo:
[contenteditable]:focus {
outline: 0px solid transparent;
}
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 here on codrops.
El selector de pseudoclases
:read-writees compatible con Chrome, Safari y Opera 14+, y en iOS. Se apoya con el-moz-prefijo en Firefox en forma:-moz-read-write. El selector:read-writeno es compatible con Internet Explorer ni con Android.
que lo hizo, gracias! – Christoffer
@Christoffer: 'outline' no funcionará en IE7 o inferior. En estos navegadores, es necesario establecer la propiedad 'hideFocus' del elemento' true', es decir, '$ ('# myel') get() hideFocus = true;' –
Como referencia:.. '[Contenteditable]: enfoque {outline: 0px sólido transparente; } ' –