如何使输入字段标记像Gmail一样进行验证？借助CSS

我想用CSS对Gmail风格的输入标签进行背景更改，以进行电子邮件地址输入验证，因为标签的背景颜色在无效输入时变为红色，在有效输入时变为绿色（如example@gmail.com)

我试过了

```css
.bootstrap标记输入.标记输入：有效{
背景颜色：绿色
}
.bootstrap tagsinput.tag输入：无效{
背景颜色：红色
}

您的代码似乎正常工作，只是CSS属性声明中缺少尾随分号，例如

    background-color: green;

以下是一个工作示例：

---

.bootstrap标记输入。标记输入：有效{
背景颜色：绿色；
}
.bootstrap标记输入.标记输入：无效{
背景色：红色；
}

请添加一些代码示例，向人们展示您的尝试..引导标记输入。标记输入：有效{background color:green}。引导标记输入。标记输入：无效{background color:red}这是您的全部代码吗？您所说的是一个表单和您的应用程序中的某种验证question@giuseppedeponte不，这只是CSS。你应该回答你的问题。这是代码片段。试试看，请帮我验证一下标签。您的CSS样式正在页面上工作，只有

type=“email”

字段使用

display:none

属性隐藏。由于bootstrap插件用其自定义元素替换了实际输入，因此您不再依赖浏览器验证，而是自己实现一些JS验证逻辑。