【css3】プレースホルダーテキストのカスタマイズ方法 color_html/css_WEB-ITnose

昨日、IE ブラウザー互換のプレースホルダー効果を実装するための記事を書きました。特定のコンテンツについては、ポータルをクリックしてください。ただし、プレースホルダーのテキストの色を設定できないという小さな欠陥がまだあります。この記事では主にcssを使ってプレースホルダーの文字色を変更する方法を紹介します。

IE ブラウザの場合、カスタマイズされたクラス名を使用して、span タグのスタイルを直接変更できます。 Google や Firefox などの他のブラウザの場合は、特別な処理が必要です。

css:

::-webkit-input-placeholder{color:#f00;}::-moz-placeholder{color:#f00;}:-moz-placeholder{color:#f00;}

プレフィックスによると、コードの最初の行が Google Chrome に適用されていることがわかります。コードの最後の 2 行が適用されます。Firefox では、::-moz-placeholder は Mozilla Firefox 19 以降のバージョンに使用され、:-moz-placeholder は Mozilla Firefox 4 ～ 18 バージョンに使用されます。レンダリングは次のとおりです。