Forms HTML5表单文本占位符-它们是否有CSS伪类?

Forms HTML5表单文本占位符-它们是否有CSS伪类?,forms,html,css,placeholder,Forms,Html,Css,Placeholder,在阅读一篇关于HTML5的文章时,我突然想到,虽然占位符在表单可用性方面非常有用,但如果没有javascript,它们就不能用CSS作为目标,那么它们真的是一小步 因此,我可以将CSS中的占位符设置为与输入文本不同的目标吗?Webkit使用::-Webkit输入占位符伪元素。Moz使用:-Moz占位符伪类。 我想你的HTML中有类似的东西 <input type="text" name="name" /> 我也鼓励你看看 input:placeholder-shown { bo

在阅读一篇关于HTML5的文章时,我突然想到,虽然占位符在表单可用性方面非常有用,但如果没有javascript,它们就不能用CSS作为目标,那么它们真的是一小步


因此,我可以将CSS中的占位符设置为与输入文本不同的目标吗?

Webkit使用::-Webkit输入占位符伪元素。Moz使用:-Moz占位符伪类。

我想你的HTML中有类似的东西

<input type="text" name="name" />
我也鼓励你看看

input:placeholder-shown {
  border: 5px solid red;
}

这是一个好方法。

有没有办法在没有JavaScript的情况下获得“占位符”行为?重复:@Pointy是的,正如温和的Fuzz所说,它在HTML5中,已经在Chrome中工作。好的,很酷,谢谢你提供的信息:-)@Jon Good find;我现在用“伪类”标记了那个老问题,以便更容易找到;我觉得这是那个问题中遗漏的重要术语。谢谢你提供的有用信息。有IE9的变体吗?IE9不支持占位符。感谢您为我澄清这一点。为了将来的兼容性,您可能会假设:-ms input placeholder和::placeholder。不,您不能。你是在赌博。这些都不是标准化的,它们甚至彼此不兼容。没有任何迹象表明IE将采用WebKit的方法,也没有任何迹象表明该标准将是两者的混合。
input:placeholder-shown {
  border: 5px solid red;
}