目录

如何 - 删除内容可编辑边框


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


删除内容可编辑边框

默认情况下,当您在具有以下内容的元素内写入时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 [属性] 选择器了解更多关于[属性] 选择器。