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-Plugin

我已经在生产环境中使用过它，它甚至可以追溯到 IE6 :)

于 2011-06-15T00:27:46.003 回答