[解決済み] フォーカスされたcontenteditable preのボーダーを削除するには？

質問

pre 要素を contenteditable に設定し、編集のためにフォーカスを置くと、その周りに点線のボーダーが表示され、あまり美しく見えません。フォーカスが他の場所にあるときは、ボーダーはありません。

そのボーダーを削除するにはどうすればよいですか？

ありがとうございます。

どのように解決するのですか？

を設定します。 outline プロパティ から 0px solid transparent; . に設定する必要があるかもしれません。 :focus の状態にも設定する必要があるかもしれません。

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