Jak na to – Odstranit upravitelné ohraničení
Přečtěte si, jak odstranit ohraničení z upravitelného prvku.
Odebrat Contenteditable Border
Ve výchozím nastavení, když zapisujete do prvku, který má contenteditable
nastavenou hodnotu true
, tento prvek dostane při fokusu ohraničení. K odstranění ohraničení však můžete použít CSS:
Krok 1) Přidejte HTML:
Příklad
<p contenteditable="true">This is an editable paragraph.</p>
Krok 2) Přidejte CSS:
Pomocí selektoru vyberte všechny prvky, které lze obsahově upravovat, a odstraňte ohraničení s vlastností:[attribute]
outline
Příklad
[contenteditable] {
outline: 0px solid transparent;
}
Tip: Chcete -li se dozvědět více o globálním atributu contenteditable, přejděte do naší HTML reference contenteditable atributu.
Tip: Přejděte do našeho selektoru CSS [ atribut ] a zjistěte více o selektoru [ atribut ].