Cómo - Quitar el borde editable
Aprenda a quitar el borde de un elemento editable.
Eliminar borde editable
De forma predeterminada, cuando escribe dentro de un elemento que se ha contenteditable
establecido en true
, ese elemento tiene un borde alrededor del foco. Sin embargo, puede usar CSS para eliminar el borde:
Paso 1) Agregar HTML:
Ejemplo
<p contenteditable="true">This is an editable paragraph.</p>
Paso 2) Agregar CSS:
Use el selector para seleccionar todos los elementos que son editables y elimine el borde con la propiedad:[attribute]
outline
Ejemplo
[contenteditable] {
outline: 0px solid transparent;
}
Sugerencia: Vaya a nuestra Referencia de atributos editables de contenido HTML para obtener más información sobre el atributo global de contenido editable.
Sugerencia: Vaya a nuestro Selector de [ atributos ] de CSS para obtener más información sobre el selector de [ atributos ].