如何移除可编辑内容的边框

学习如何从可编辑元素中移除边框。

移除可编辑内容的边框

默认情况下，当您在 contenteditable 设置为 true 的元素内编写内容时，该元素在聚焦时会获得边框。

但是，您可以使用 CSS 来移除边框：

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

使用 [attribute] 选择器选择所有可内容编辑的元素，并使用 outline 属性移除边框：

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