gpt4 book ai didi

css - 如何在 HTML5 中使用 Email 标签

转载 作者:太空宇宙 更新时间:2023-11-03 19:13:26 24 4
gpt4 key购买 nike

在 HTML5 中有一个新的标签

<input type="email">

当我在表单中使用它时,当我将其留空或输入非电子邮件文本或在其中显示的错误看起来很奇怪。如何更改该错误框的 CSS 和文本??

最佳答案

对于 Google Chrome,您可以使用以下伪类来设置气泡的样式:

::-webkit-validation-bubble {}
::-webkit-validation-bubble-arrow-clipper {}
::-webkit-validation-bubble-arrow {}
::-webkit-validation-bubble-message {}

不确定其他浏览器是否/何时支持错误消息的样式。请参阅以下链接以供引用:

Styling HTML5 Form Validation Errors

How do you style the HTML5 form validation messages?

关于css - 如何在 HTML5 中使用 Email 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7576442/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com