2

ブラウザにプレースホルダ テキストを実装する JavaScript を書いています。

次のスタイル ルールを使用して、Chrome 9 と Fx 4b11 でプレースホルダー テキストのスタイルを設定しました。

::-webkit-input-placeholder { color: #969696 !important; }
input:-moz-placeholder { color: #969696 !important; }

ここで、これらの規則を理解していないブラウザーのスタイルシートから JavaScript にこのデータを取得させて、プレースホルダー テキストを手動でスタイル設定できるようにします。

YUI3でそれを行う方法を知っている人はいますか? 私は試した：

YUI().use('node',function(Y) {
    var phColor = Y.all('::-webkit-input-placeholder').getStyle('color');
});

残念ながら、これは「未定義: どのノードにもバインドされていません { _query="input::-webkit-input-placeholder", _nodes=}」を返すだけです。

どうすればこれができるか知っている人はいますか？それとも可能なら？

4

1 に答える 1

1

YUI だけを使用することに自信がない場合 (または、プラグインから jQuery コードを取得して YUI3 モジュールに変換する意思がある場合)、この jQuery プラグインはまさにあなたがしようとしていることを実行します: https://github.com/ mathiasbynens/Placeholder-jQuery-プラグイン

私はそれを実稼働環境で使用しましたが、IE6 までさかのぼってもうまく機能します :)

于 2011-06-15T00:27:46.003 に答える