How to remove the border of editable content

Learn how to remove the border from editable elements.

Remove the border of editable content

By default, when you are in contenteditable Set to true When you write content inside the element, the element gets a border when focused.

But, you can use CSS to remove the border：

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

Use [Attribute] The selector selects all contenteditable elements and uses Outline Remove Border Attribute：

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