有没有办法在支持占位符属性时隐藏标签元素？

Question

我想在我的网页中使用占位符属性而不是标签，但我需要在支持占位符时隐藏标签。这只能用CSS吗？

理想情况下，我喜欢等同于

label + input { display：none; } - ＆GT;

Answer 1

您可能需要使用Modernizr来检测占位符支持，然后隐藏标签。你需要JavaScript。

我不知道另一种方式，但其他方式可能是。

Answer 2

CSS无法实现。没有对“父选择者”的支持，很可能永远不会。

如果您不想使用Modernizer，这是一个使用JS运行的简单测试：

if (("placeholder" in document.createElement("input"))) {
//placeholder is supported, so hide your label elements or whatever
}