Comment - Supprimer la bordure contenteditable
Découvrez comment supprimer la bordure d'un élément modifiable.
Supprimer la bordure modifiable
Par défaut, lorsque vous écrivez à l'intérieur d'un élément contenteditable
défini sur true
, cet élément obtient une bordure autour du focus. Cependant, vous pouvez utiliser CSS pour supprimer la bordure :
Étape 1) Ajoutez du HTML :
Exemple
<p contenteditable="true">This is an editable paragraph.</p>
Étape 2) Ajoutez CSS :
Utilisez le sélecteur pour sélectionner tous les éléments dont le contenu est modifiable et supprimez la bordure avec la propriété :[attribute]
outline
Exemple
[contenteditable] {
outline: 0px solid transparent;
}
Conseil : accédez à notre référence d'attribut HTML contenteditable pour en savoir plus sur l'attribut global contenteditable.
Conseil : Accédez à notre sélecteur CSS [ attribut ] pour en savoir plus sur le sélecteur [ attribut ].