Forms 如何在表单中设置title元素的样式？

我正在使用jQuery验证来确保正确提交表单。我试图在表单中设置title元素的样式，这样当用户没有正确填写表单时，弹出的文本将是红色而不是黑色。我的HTML如下

<form id="contact" method="post" action="E-mail-form.php" name="EmailFromMyWebsite">

                <label for="name">Name</label> <br>
                <input type="text" name="name" class="required" placeholder="Your Name" title=" (Your name is required)"> <br />

                <label for="email">E-mail</label> <br>
                <input type="email" name="email" class="required email" placeholder="Name@email.com" title=" (Your email is required)"> <br />

                <label for="message">Message/Comment</label> <br>
                <textarea name="message" class="required" placeholder="Leave a brief message" title=" (Please leave me a brief message)"></textarea> <br />

                <input type="submit" name="submit" id="submit" value="Send Message" />
        </form>

---

我还尝试了直接接触，这使整个表单变成红色。我只希望标题“”为红色。有人知道如何做到这一点吗？

您不能在输入元素或任何元素上设置title属性的样式。看一看。这将帮助您获得一些样式化的工具提示。

如果您使用jQuery验证“label.error”将允许您设置错误消息的样式

label.error { 
    color:red; 
    padding-left: 5px; 
} 

---

title

是一个属性，而不是元素。提交错误的表单，然后查看jQuery插件应用于所创建元素的类。您不能设置标题文本的样式（尽管，可能会打断文本），而是可以使用jQuery设置标题文本的样式，比如说喝醉酒的搅拌机，这很有道理，但是我该怎么做呢？我可以把整个表单的颜色改成红色。有没有办法只针对标题？没有，没有办法，标题不是元素，它是元素的属性。浏览器在如何呈现这些标题属性方面有自己的实现。如果您想要样式化的工具提示，请查看答案中提供的链接。它的工作原理是让jQuery从元素的title标记读取文本，然后动态地将一些新生成的HTML插入DOM，DOM随后显示title属性中的文本。这个新生成的HTML将附加类，您可以在CSS中引用它。如果您使用jQuery验证，这个CSS将允许您更改错误消息。。。label.error{颜色：红色；左侧填充：5px；}

label.error { 
    color:red; 
    padding-left: 5px; 
}