如何 - 移除可編輯內容邊框
瞭解如何從可編輯元素中移除邊框。
移除可編輯內容邊框
預設情況下,當您在 contenteditable
設定為 true
的元素中書寫時,該元素在獲得焦點時會有一個邊框。但是,您可以使用 CSS 移除該邊框
步驟 1) 新增 HTML
示例
<p contenteditable="true">這是一個可編輯的段落。</p>
步驟 2) 新增 CSS
使用 [attribute]
選擇器選擇所有可編輯內容元素,並使用 outline
屬性移除邊框
提示: 請訪問我們的 HTML contenteditable 屬性參考 瞭解有關全域性 contenteditable 屬性的更多資訊。
提示: 請訪問我們的 CSS [attribute] 選擇器 瞭解有關 [attribute] 選擇器的更多資訊。