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

移除可编辑内容的边框

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

但是,您可以使用 CSS 来移除边框:

第一步 - 添加 HTML:

This is an editable paragraph.

第二步 - 添加 CSS:

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

[contenteditable] {

outline: 0px solid transparent;

}

亲自试一试

友情链接