Comment supprimer la bordure des contenus éditables

Apprenez comment supprimer la bordure des éléments éditables.

Retirer la bordure des contenus éditables

Par défaut, lorsque vous écrivez dans contenteditable réglé à true Lorsque vous écrivez du contenu dans l'élément, cet élément obtient une bordure lorsque la page est focalisée.

Mais, vous pouvez utiliser CSS pour supprimer la bordure :

Première étape - Ajouter HTML :

<p contenteditable="true">This is an editable paragraph.</p>

Deuxième étape - Ajouter CSS :

Utiliser [attribut] Le sélecteur sélectionne tous les éléments éditables de contenu et utilise outline Retirer la bordure de l'attribut :

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

Essayez-le vous-même

Pages associées

Manuel de référence :Propriété contenteditable HTML

Manuel de référence :CSS [attributSélecteur