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