如何移除可編輯內容的邊框

學習如何從可編輯元素中移除邊框。

移除可編輯內容的邊框

默認情況下，當您在 contenteditable 設置為 true 的元素內編寫內容時，該元素在聚焦時會獲得邊框。

但是，您可以使用 CSS 來移除邊框：

<p contenteditable="true">This is an editable paragraph.</p>

使用 [attribute] 選擇器選擇所有可內容編輯的元素，并使用 outline 屬性移除邊框：

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