Javascript 如何删除HTML5表单元素的默认样式？

如何重置或更改电子邮件输入元素的默认样式

输入
{
宽度：100%；
}

您可以在电子邮件输入错误时添加“类”，例如：

input[type="email"].error {
    border-color: red;
}

这就是您想要的吗？

如果电子邮件输入错误，您可以在其中添加“类”，例如：

input[type="email"].error {
    border-color: red;
}

这就是您想要的吗？

如果电子邮件输入错误，您可以在其中添加“类”，例如：

input[type="email"].error {
    border-color: red;
}

这就是您想要的吗？

如果电子邮件输入错误，您可以在其中添加“类”，例如：

input[type="email"].error {
    border-color: red;
}

---

这就是你要找的吗？

你要找的东西不是特别清楚，但是请注意，你可以使用

：invalid

伪设置HTML5（你必须使用兼容的浏览器）输入字段的无效状态的样式

输入：无效{
边框：1px纯红；
}
：焦点{
大纲：无；
}

---

您的目标不是特别明确，但是请注意，您可以使用

：invalid

伪设置HTML5（您必须使用兼容的浏览器）输入字段的无效状态的样式

输入：无效{
边框：1px纯红；
}
：焦点{
大纲：无；
}

---

您的目标不是特别明确，但是请注意，您可以使用

：invalid

伪设置HTML5（您必须使用兼容的浏览器）输入字段的无效状态的样式

输入：无效{
边框：1px纯红；
}
：焦点{
大纲：无；
}

---

您的目标不是特别明确，但是请注意，您可以使用

：invalid

伪设置HTML5（您必须使用兼容的浏览器）输入字段的无效状态的样式

输入：无效{
边框：1px纯红；
}
：焦点{
大纲：无；
}

---

我认为您必须检查验证

var email = document.querySelector('input[type="email"]');
email.oninvalid = function(e) {
e.target.setCustomValidity("");
if (!e.target.validity.valid) { 
    email.style.borderColor="red";
    e.target.setCustomValidity("Please enter a valid eMail address"); }
};

---

我认为您必须检查验证

var email = document.querySelector('input[type="email"]');
email.oninvalid = function(e) {
e.target.setCustomValidity("");
if (!e.target.validity.valid) { 
    email.style.borderColor="red";
    e.target.setCustomValidity("Please enter a valid eMail address"); }
};

---

我认为您必须检查验证

var email = document.querySelector('input[type="email"]');
email.oninvalid = function(e) {
e.target.setCustomValidity("");
if (!e.target.validity.valid) { 
    email.style.borderColor="red";
    e.target.setCustomValidity("Please enter a valid eMail address"); }
};

---

我认为您必须检查验证

var email = document.querySelector('input[type="email"]');
email.oninvalid = function(e) {
e.target.setCustomValidity("");
if (!e.target.validity.valid) { 
    email.style.borderColor="red";
    e.target.setCustomValidity("Please enter a valid eMail address"); }
};

---

似乎您希望处理html5的内置行为以进行验证。这似乎就是您正在寻找的伪类，例如：invalid。更多信息请点击此处：

---

解决方案不会完全是跨浏览器的。我建议使用js进行客户端验证，比如jquery验证：

似乎您希望处理html5的内置行为进行验证。这似乎就是您正在寻找的伪类，例如：invalid。更多信息请点击此处：

---

解决方案不会完全是跨浏览器的。我建议使用js进行客户端验证，比如jquery验证：

似乎您希望处理html5的内置行为进行验证。这似乎就是您正在寻找的伪类，例如：invalid。更多信息请点击此处：

---

解决方案不会完全是跨浏览器的。我建议使用js进行客户端验证，比如jquery验证：

似乎您希望处理html5的内置行为进行验证。这似乎就是您正在寻找的伪类，例如：invalid。更多信息请点击此处：

---

解决方案不会完全是跨浏览器的。我建议使用js进行客户端验证，类似jquery validate的内容：

为我们提供更多的代码，请澄清。问题不询问您描述的实际需要是什么……为我们提供更多的代码，请澄清。问题不询问您描述的实际需要是什么……为我们提供更多的代码，请澄清。问题不询问您的实际需要描述为您的实际需求…提供更多代码，请澄清。问题并不是问您描述为您的实际需求是什么…是的，我正在寻找类似您所说的伪元素-：无效。我想知道它对浏览器的支持。。主要浏览器是否支持它？是的，我正在寻找类似您所说的伪元素-：invalid。我想知道它对浏览器的支持。。主要浏览器是否支持它？是的，我正在寻找类似您所说的伪元素-：invalid。我想知道它对浏览器的支持。。主要浏览器是否支持它？是的，我正在寻找类似您所说的伪元素-：invalid。我想知道它对浏览器的支持。。主要浏览器支持它吗？？