Jak to zrobić — usunąć ramkę do edycji treści
Dowiedz się, jak usunąć obramowanie z edytowalnego elementu.
Usuń edytowalne obramowanie
Domyślnie, kiedy piszesz wewnątrz elementu, który ma contenteditable
ustawiony na true
, ten element otrzymuje obramowanie wokół fokusa. Możesz jednak użyć CSS, aby usunąć obramowanie:
Krok 1) Dodaj kod HTML:
Przykład
<p contenteditable="true">This is an editable paragraph.</p>
Krok 2) Dodaj CSS:
Użyj selektora, aby wybrać wszystkie elementy, które można edytować, i usuń obramowanie z właściwością:[attribute]
outline
Przykład
[contenteditable] {
outline: 0px solid transparent;
}
Wskazówka: przejdź do naszego dokumentu HTML contenteditable Attribute Reference , aby dowiedzieć się więcej o globalnym atrybucie contenteditable.
Wskazówka: przejdź do naszego selektora CSS [ atrybut ] , aby dowiedzieć się więcej o selektorze [ atrybut ].