contenteditableな要素にplaceholderを与えるResult タイトルの通り、contenteditableで編集可能な要素にplaceholderを与える、というもの 結果から言うと:emptyを使って何も入力されてない状態の時に:beforeで任意のテキストを挿入します 挿入するテキストはcontent: attr()で挿入します css[contenteditable=true]:empty:before{ content: attr(placeholder); pointer-events: none; display: block; /* For Firefox */ } div[contenteditable=true] { border: 1px dashed #AAA; width: 290px; padding: 15px; }CSSのみで完結します html<div contenteditable="true" pl
