Jak usunąć ramkę edytowalnej zawartości

Naucz się, jak usunąć ramkę z edytowalnych elementów.

Usunięcie ramki edytowalnej zawartości

Domyślnie, gdy piszesz w contenteditable ustawione na true podczas pisania zawartości wewnątrz elementu, element ten uzyskuje ramkę, gdy jest skoncentrowany.

Ale możesz użyć CSS, aby usunąć ramkę:

Krok 1 - Dodaj HTML:

<p contenteditable="true">This is an editable paragraph.</p>

Krok 2 - Dodaj CSS:

Użycie [Atrybut] Selektor wybiera wszystkie elementy edytowalne i używa outline Usunięcie ramki atrybutu:

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

Spróbuj sam

Strony związane

Podręcznik:Atrybut contenteditable HTML

Podręcznik:CSS [AtrybutSelektor