2

他のブラウザでは、設定するだけで#input-element { color: red; }、入力のプレースホルダー テキスト ( ) にも色を付けることができます<input type="text" placeholder="foo" />。

ただし、これは iOS には当てはまりません。代わりに以下が必要です（おそらくより適切ですが、それでも）：

#input-element::-webkit-input-placeholder { color: red; }

問題ありません。しかし、私はこれをjQueryでやろうとしていますが、あまり成功していません。私は次のことを試しました：

$("#input-element::-webkit-input-placeholder").css('color', 'red');
$("#input-element").css('::-webkit-input-placeholder', 'color: red'); // not according to .css documentation: I'm aware

ただし、これらのどれも変更されませんでした。追加を避けようとしています ($(head).append("<style>..");スタイルを直接ドキュメントに追加します。

jQuery を使用して入力のプレースホルダー スタイル属性を変更する方法 – iOS の互換性を維持する方法は?

4

1 に答える 1

1

CSS クラスをトグルしないのはなぜですか?

CSS:

input[type=text]::-webkit-input-placeholder { color: red; }

.blue-pl::-webkit-input-placeholder {
    color: blue !important;
}

JavaScript:

$('#input-element').click(function(){$(this).addClass('blue-pl'); });

これは私のiOS 6 iPhoneで機能しました。

jsFiddle デモ

于 2012-12-17T11:09:45.087 に答える