Düzenlenebilir içeriğin kenar çizgisini kaldırma

Düzenlenebilir elementlerden kenar çizgisi nasıl kaldırılır öğrenin.

Düzenlenebilir içeriğin kenar çizgisini kaldırma

Varsayılan olarak, içerik düzenlenebilir contenteditable ayarlanmıştır true içerik yazarken, bu element odaklandığında kenar çizgisi alır.

Ancak, kenar çizgisini kaldırmak için CSS kullanabilirsiniz:

İlk Adım - HTML Ekleme:

<p contenteditable="true">Bu, düzenlenebilir bir paragraftır.</p>

İkinci Adım - CSS Ekleme:

Kullanım: [özellik] Seçici, tüm içerik düzenlenebilir elementleri seçer ve outline Kenar çizgisini kaldırma özelliği:

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

Kişisel Deneyim

İlgili Sayfalar

Referans Kılavuzu:HTML contenteditable attribute

Referans Kılavuzu:CSS [özellikSeçici