How TO - Contenteditable rand verwijderen
Leer hoe u de rand van een bewerkbaar element verwijdert.
Bewerkbare rand verwijderen
Als u binnen een element schrijft dat is contenteditable
ingesteld op true
, krijgt dat element standaard een rand rond de focus. U kunt echter CSS gebruiken om de rand te verwijderen:
Stap 1) HTML toevoegen:
Voorbeeld
<p contenteditable="true">This is an editable paragraph.</p>
Stap 2) CSS toevoegen:
Gebruik de selector om alle elementen te selecteren die bewerkbaar zijn en verwijder de rand met de eigenschap:[attribute]
outline
Voorbeeld
[contenteditable] {
outline: 0px solid transparent;
}
Tip: ga naar onze HTML contenteditable-kenmerkreferentie voor meer informatie over het globale contenteditable-attribuut.
Tip: Ga naar onze CSS [ attribuut ] selector voor meer informatie over de [ attribuut ] selector.