Sådan fjernes kantlinjen for redigerbart indhold

Lær, hvordan du fjerner kantlinjen fra redigerbare elementer.

Fjern kantlinjen for redigerbar indhold

Som standard, når du skriver indhold i contenteditable sættes til true Indholdet skrives ind i elementet, får elementet kantlinje, når det fokuseres.

Men du kan bruge CSS til at fjerne kantlinjen:

Første trin - Tilføj HTML:

<p contenteditable="true">Dette er en redigerbar afsnit.</p>

Anden trin - Tilføj CSS:

Brug [Egenskab] Vælg selektoren for alle indholdskoderbare elementer, og brug outline Fjern kantlinje for egenskab:

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

Prøv det selv

Relaterede sider

Referencehåndbog:HTML contenteditable egenskab

Referencehåndbog:CSS [EgenskabVælg selektoren