Hur man tar bort ramen från redigerbart innehåll

Lär dig hur du tar bort ramen från redigerbara element.

Ta bort ramen från redigerbart innehåll

Som standard, när du skriver innehåll i contenteditable sätt till true element där du skriver innehåll får en ram när den är fokuserad.

Men du kan använda CSS för att ta bort ramen:

<p contenteditable="true">Detta är en redigerbar paragraf.</p>

Använd [attribut] Väljare väljer alla innehållsredigerbara element och använder outline Ta bort ram från attribut:

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