5

以下の疑似要素と疑似クラスを使用して、CSS でプレースホルダー テキストのスタイルを設定しました。これにより、Opera を除くすべての主要なブラウザーで作業が完了します。私の理解では、Opera はプレースホルダー テキストのスタイリングをサポートしていません。Opera 入力プレースホルダー テキストのスタイルを設定する方法を知っている人はいますか?

CSS

::-webkit-input-placeholder {
    color: red;
    font-size: 10px;
}
::-moz-placeholder {
    color: red;
    font-size: 10px;
}
:-moz-placeholder {
  color: red;
  font-size: 10px;
}
:-ms-input-placeholder {
  color: red;
  font-size: 10px;
}
input:-moz-placeholder {
    color: red;
    font-size: 10px;
}
4

3 に答える 3

5

Firefox と WebKit で使用できるプレースホルダーのスタイルを設定する既存の方法は両方とも、ベンダー プレフィックス付きで非標準であるため、本番環境では使用しないでください。将来の保証のために、JavaScript を使用してplaceholder属性を削除し、(プレースホルダー スタイルをバインドするvalueようなクラスと組み合わせて) フォーム フィールドまたは追加のテキスト要素のいずれかを使用して、プレースホルダー機能をエミュレートします。placeholderこれは、Opera を含むブラウザー (現在および将来のブラウザー) で一貫して機能します。

于 2013-03-29T00:51:06.927 に答える
2

Opera はバージョン 22.0.1471.70 (2014 年 6 月 17 日) から始まるプレースホルダー テキストのスタイリングをサポートしているため、上記の CSS が機能するようになりました。

于 2014-07-09T13:48:40.657 に答える