🛠️
【CSS】placeholder をカスタマイズする
まずは完成形
解説
疑似要素の::placeholderを使います。これだけです。簡単ですね！
.change-placeholder1::placeholder {
color: #ccc;
}
使用できるプロパティは、::first-lineと同じです。
フォントや背景に関するプロパティが使えます。
詳しく知りたい場合は、下記のページを参考にしてください！
さいごに
デフォルトのplaceholderは色が若干濃いので、割と使う機会の多い要素です。
本記事ではだいぶ遊んでますが、UX的に完全NGなので、くれぐれもオレンジとか目立つ色にしないようにしてくださいね笑
Twitterでは随時、質問受け付けております！
分からないことなどあればDMください♪
参考
Discussion