移除 Contenteditable 边框

---

了解如何从可编辑元素中移除边框。

---

移除 Contenteditable 边框

默认情况下，当您在 contenteditable 设置为 true 的元素中写入时，该元素焦点会围绕周围的边界。 但是，您可以使用 CSS 移除边框:

步骤 1) 添加 HTML:

实例

<p contenteditable="true">这是一个可编辑的段落。</p>

步骤 2) 添加 CSS:

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

实例

[contenteditable] {
  outline: 0px solid transparent;
}
亲自试一试 »

提示:转到我们的 HTML contenteditable 属性参考，了解有关全局 contenteditable 属性的更多信息。

提示: 转到我们的 CSS [attribute] 选择器，了解有关 [ attribute] 选择器。