方法-ContenteditableBorderを削除する
編集可能な要素から境界線を削除する方法を学びます。
コンテンツ編集可能な境界線を削除します
デフォルトでは、にcontenteditable
設定されている要素の内部に書き込むとtrue
、その要素はフォーカスの周りに境界線を取得します。ただし、CSSを使用して境界線を削除できます。
ステップ1)HTMLを追加します。
例
<p contenteditable="true">This is an editable paragraph.</p>
ステップ2)CSSを追加します。
セレクターを使用して、コンテンツ編集可能なすべての要素を選択し、プロパティの境界線を削除します。[attribute]
outline
例
[contenteditable] {
outline: 0px solid transparent;
}
ヒント:グローバルなcontenteditable属性の詳細については、HTMLcontenteditable属性リファレンスにアクセスしてください。
ヒント: [属性]セレクターの詳細については、CSS [属性]セレクターにアクセスしてください。