編集可能な内容の枠線を削除する方法

編集可能な要素から枠線を削除する方法を学びます。

編集可能な内容の枠線を削除

デフォルトでは、 contenteditable 設定 true 要素内に内容を書いているとき、その要素がフォーカスを受けると枠線が表示されます。

しかし、CSSを使用して枠線を削除できます：

<p contenteditable="true">これは編集可能なパラグラフです。</p>

使用 [属性] セレクタはすべてのコンテンツ編集可能な要素を選択し、 outline 属性で枠線を削除：

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