YUI3 JavaScript: получить CSS для текста заполнителя

Question

Я пишу 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');
});

К сожалению, это просто возвращает: "undefined: не привязан ни к каким узлам {_query =" input :: - webkit-input-placeholder ", _nodes =}"

Кто-нибудь знает, как я могу это сделать? Или если это возможно?

Answer 1

Если вы не проданы исключительно с использованием YUI (или хотите собрать код jQuery из плагина и преобразовать его в модуль YUI3), этот плагин jQuery делает именно то, что вы пытаетесь сделать: https://github.com/mathiasbynens/Placeholder-jQuery-Plugin

Я использовал его в производственной среде, и он прекрасно работает даже в IE6:)