Sådan fjernes kantlinjen for redigerbart indhold
- Forrige side Enhedens udseende
- Næste side Pladsholder farve
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; }
Relaterede sider
Referencehåndbog:HTML contenteditable egenskab
Referencehåndbog:CSS [EgenskabVælg selektoren
- Forrige side Enhedens udseende
- Næste side Pladsholder farve