フォーカスされたコンテンツ編集可能なプレの周囲の境界線を削除するにはどうすればよいですか？

pre要素をcontenteditableに設定して編集のためにフォーカスを置くと、その周りに点線の境界線が表示され、見栄えがよくありません。フォーカスがどこかにあるとき、境界線はそこにありません。
その境界線を削除するにはどうすればよいですか？

ありがとう

outlineプロパティをに設定します0px solid transparent;。:focusたとえば、状態に設定する必要がある場合もあります。

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

また、:read-write編集可能なスタイル要素に疑似クラスを追加することもできます。

たとえば（jsFiddle）：

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

codropsの詳細については、こちらをご覧ください。

:read-write擬似クラスセレクタは、クロム、サファリ、オペラ14+、およびiOSの上に支持されています。次-moz-の形式のFirefox のプレフィックスでサポートされ:-moz-read-writeます。:read-writeセレクタは、Internet ExplorerでとAndroidでサポートされていません。