javascript - YUI3 JavaScript : get CSS for placeholder text

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');
});

不幸的是，这只是返回:“未定义:未绑定(bind)到任何节点 { _query="input::-webkit-input-placeholder", _nodes=}"

有人知道我该怎么做吗？或者如果可能的话？

Answer 1

如果您不喜欢只使用 YUI(或者愿意从插件中获取 jQuery 代码并将其转换为 YUI3 模块)，那么这个 jQuery 插件完全可以满足您的需求:https://github.com/mathiasbynens/Placeholder-jQuery-Plugin

我已经在生产环境中使用过它，甚至早在 IE6 时它就可以很好地工作:)