如何创建 - 移除 Contenteditable 边框
了解如何从可编辑元素中移除边框。
移除 Contenteditable 边框
默认情况下,当您在 contenteditable
设置为 true
的元素中写入时,该元素焦点会围绕周围的边界。 但是,您可以使用 CSS 移除边框:
步骤 1) 添加 HTML:
实例
<p contenteditable="true">这是一个可编辑的段落。</p>
步骤 2) 添加 CSS:
使用 [attribute]
选择器选择所有可内容编辑的元素,并使用 outline
属性移除边框:
提示:转到我们的 HTML contenteditable 属性参考,了解有关全局 contenteditable 属性的更多信息。
提示: 转到我们的 CSS [attribute] 选择器,了解有关 [ attribute] 选择器。