css出现边框

前言

正常情况下，开启 contenteditable 属性后会出现 “黑色边框”。

如下图所示，很影响美观：

您可能想去掉它，就像下面这样：

解决方案

通过选择器，将 focus 聚焦时移除 outline 属性即可。

如下代码所示：

<div contenteditable>你现在点击我，会出现边框！</div>

[contenteditable]:focus {outline: none;
}