我如何使用:valid和:无效的css选择器?

时间:2015-06-13 23:18:31

标签: html5 css3

我是编码的新手,我从朋友那里听说可以在我的css中使用:valid:invalid选择器作为我的表单。但是我该怎么做呢?

2 个答案:

答案 0 :(得分:1)

实际上是一个有趣的问题。 我相信它是CSS3的全新功能之一。 不确定您是否已经可以应用它。我不认为你现在可以这样做,因为我只是在小提琴上试过它并且它不适合我。因此,可能会在CSS Selectors的另一个更新中引入一些东西。

你使用它的方式是这样的:

HTML:

onclick="HandleAction(\'playnow\');HandleAction(\'stop\');"

的CSS:

Email: <input type="email" required>

使用上述CSS,即使在用户输入任何内容之前,电子邮件字段也将使用红色轮廓设置样式。用户输入有效的电子邮件地址后,大纲将变为绿色。

希望这会有所帮助!

答案 1 :(得分:0)

请参阅文档: