0 
.txt1::-webkit-input-placeholder::before {
       color:#c2c3c3;
       content:"Hey Brad,\A Tell us what's on your mind";
    }
    .txt1::-moz-input-placeholder::before {
       color:#c2c3c3;
       content:"Hey Brad,\A Tell us what's on your mind";
    }

Firefox でプレースホルダーが機能しない、Chrome で問題ない

4

3 に答える 3

2

Webkit は::-webkit-input-placeholder、プレースホルダー テキストをターゲットにするために使用します。

.txt1::-webkit-input-placeholder:before {
    color:#c2c3c3;
    content:"Hey Brad,\A Tell us what's on your mind";
}

Firefox は:-moz-placeholderプレースホルダー テキストをターゲットにするために使用しますが、次のようになります。

.txt1:-moz-placeholder:before {
    color:#c2c3c3;
    content:"Hey Brad,\A Tell us what's on your mind";
}

input不要な Firefox のセレクターに追加しました。Firefox のセレクターの先頭には、コロンを 2 つではなく 1 つだけ含める必要があります。また、セレクターの後の余分なコロンを削除し、これらは不要::beforeであるため、に変更することをお勧めします。:before上記のコード例を使用すると、うまくいくはずです。お役に立てれば！ご不明な点がございましたら、お知らせください。

ソース: https://developer.mozilla.org/en-US/docs/CSS/:-moz-placeholder

于 2012-11-15T07:19:01.410 に答える
0

inputタグにプレースホルダーを追加できないのはなぜですか? 例えば：

input type="" placeholder="any text"
于 2012-11-15T10:22:07.980 に答える
0

これを試してください：

.txt1::-moz-placeholder::before {
  color:#c2c3c3;
  content:"Hey Brad,\A Tell us what's on your mind";
}

input削除する必要はないと思います-moz-input-placeholder

于 2012-11-15T06:55:03.817 に答える