Dado un documento HTML que contiene algún documento y la tarea es eliminar el borde de un elemento editable usando CSS. Es un comportamiento predeterminado de cualquier elemento que tenga atributos de contenido editable establecidos en verdadero cada vez que el elemento obtenga un foco y tendrá un borde alrededor de ellos. La tarea se puede realizar utilizando el selector [atributo] para seleccionar todos los elementos que se pueden editar y eliminar el borde con la propiedad de contorno .
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
[contenteditable] {
outline: 0px solid transparent;
}
</style>
</head>
<body>
<center>
<h2>GeeksForGeeks</h2>
<h2>
How to remove the border from
an editable element with CSS?
</h2>
<p contenteditable="true">
This paragraph is editable
</p>
</center>
</body>
</html>
Producción:
Antes de editar en el elemento:
Después de editar en el elemento:
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA