如何删除有针对性的前置边框周围的边框？

Question

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

由于

Answer 1

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

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

Answer 2

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

例如（jsFiddle）：

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

了解更多here on codrops。

  

Chrome，Safari和Opera 14+以及iOS上都支持:read-write伪类选择器。   Firefox中的-moz-前缀支持:-moz-read-write格式。   Internet Explorer和Android上不支持:read-write选择器。