Cómo quitar el borde del contenido editable

Aprende cómo quitar el borde de los elementos editables.

Quitar el borde del contenido editable

Por defecto, cuando escribes en contenteditable establecido a true al escribir contenido dentro del elemento, el elemento obtiene un borde cuando está en foco.

Pero, puedes usar CSS para quitar el borde:

Primer paso - Añadir HTML:

<p contenteditable="true">Este es un párrafo editable.</p>

Segundo paso - Añadir CSS:

Usar [Atributo] El selector selecciona todos los elementos editables de contenido y utiliza outline Quitar el borde del atributo:

[contenteditable] {
  outline: 0px sólido transparente;
}

Prueba por ti mismo

Páginas relacionadas

Manual de referencia:Atributo contenteditable de HTML

Manual de referencia:CSS [AtributoSelector