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