如何为 HTML5 验证信息添加样式？

Question

如何为 HTML5 验证信息添加样式？

3

你好，我现在正在寻找表单验证的方法。我知道HTML5验证对我来说是一个不错的选择。但是这个验证信息的颜色与我的主题不符。所以是否有任何方式可以使它更加时尚？我需要一个绿色背景和红色字体颜色。如何自定义呢？

enter image description here

我的代码

<html>
    <body>
        <form>
            Enter your E-mail<input type="email" name="email">
            <input type='submit'>
        </form>

    </body>
</html>

- Lal krishnan S L

1

获取验证消息 div 的 ID 并使用 CSS 应用样式。 - Pandiyan Cool

@PandiyanCool，我这里看不到任何验证消息的div。你确定div存在吗？ - Lal krishnan S L

使用 Web Inspector 检查元素。 - Pandiyan Cool

1

我正在使用 Fedora 14 和 Google Chrome，当我在这里进行检查时，我看不到任何额外的元素。 - Lal krishnan S L

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Josh Crozier · Accepted Answer

那么有没有办法给这个消息添加样式呢？我需要一个绿色背景和红色字体颜色。我该如何自定义它？

你无法直接为消息框本身添加样式，因为它是内置在浏览器中的。不同浏览器之间的样式和呈现方式也会有所不同。

如果你想要一个可以自定义样式的消息框，你需要自己编写验证代码并添加可选择的 DOM 元素。