如何刪除關注的contenteditable pre的邊框？

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。

:read-write僞類選擇器在Chrome，Safari和Opera 14+以及iOS中受支持。 在Firefox中，它的前綴-moz-支持:-moz-read-write。 Internet Explorer和Android不支持:read-write選擇器。