Как удалить рамку редактируемого содержимого

Узнайте, как удалить рамку из редактируемого элемента.

Удаление рамки редактируемого содержимого

По умолчанию, когда вы пишете в contenteditable установлен true элемента, в котором пишется содержимое, когда он фокусируется, получает рамку.

Но вы можете использовать CSS для удаления рамки:

Шаг 1 - Добавление HTML:

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

Шаг 2 - Добавление CSS:

Использование [Атрибут] Выборщик выбирает все элементы, содержащие редактируемое содержимое, и использует outline Удаление рамки атрибута:

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

Попробуйте сами

Связанные страницы

Референсный справочник:Атрибут contenteditable HTML

Референсный справочник:CSS [АтрибутВыборщик