Hoe OM - Verwyder Contenteditable Border
Leer hoe om die rand van 'n bewerkbare element te verwyder.
Verwyder Contenteditable Border
By verstek, wanneer jy binne 'n element skryf wat op contenteditable
gestel is true
, kry daardie element 'n rand rondom op fokus. U kan egter CSS gebruik om die grens te verwyder:
Stap 1) Voeg HTML by:
Voorbeeld
<p contenteditable="true">This is an editable paragraph.</p>
Stap 2) Voeg CSS by:
Gebruik die kieser om alle elemente te kies wat tevrede kan verander, en verwyder die grens met die eienskap:[attribute]
outline
Voorbeeld
[contenteditable] {
outline: 0px solid transparent;
}
Wenk: Gaan na ons HTML contenteditable Attribute Reference om meer te wete te kom oor die globale contenteditable-kenmerk.
Wenk: Gaan na ons CSS [ kenmerk ]-kieser om meer oor die [ kenmerk ]-kieser te wete te kom .