Как сделать — удалить Contenteditable Border
Узнайте, как удалить границу редактируемого элемента.
Удалить редактируемую рамку
По умолчанию, когда вы пишете внутри элемента, для которого contenteditable
установлено значение true
, этот элемент получает рамку вокруг фокуса. Однако вы можете использовать CSS для удаления границы:
Шаг 1) Добавьте HTML:
Пример
<p contenteditable="true">This is an editable paragraph.</p>
Шаг 2) Добавьте CSS:
Используйте селектор, чтобы выбрать все элементы, доступные для редактирования, и удалите границу с помощью свойства:[attribute]
outline
Пример
[contenteditable] {
outline: 0px solid transparent;
}
Совет. Перейдите к нашей Справке по атрибутам HTML contenteditable , чтобы узнать больше о глобальном атрибуте contenteditable.
Совет. Перейдите к нашему селектору [ атрибут ] CSS , чтобы узнать больше о селекторе [ атрибут ].