我如何去除围绕着一个专注的contenteditable pre的边界？

当我将pre元素设置为contenteditable并将焦点置于其中以进行编辑时，它会在其周围接收一个虚线边框，看起来不太好看。 当焦点在其他地方时，边界不在那里。
我如何删除边框？

谢谢

Answer 1

设置outline属性为0px solid transparent; 。 您可能还必须将其设置为:focus状态，例如：

 [contenteditable]:focus { outline: 0px solid transparent; } 

Answer 2

您还可以添加:read-write伪类来设置可编辑的样式元素。

比如（ jsFiddle ） ：

 .element:read-write:focus { outline: none; } 

在这里阅读更多资讯 。

在Chrome，Safari和Opera 14+和iOS上都支持:read-write伪类select器。 它在Firefox中以-moz-前缀支持，格式为:-moz-read-write 。 在Internet Explorer和Android上不支持:read-writeselect器。