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

Question

我使用jQuery验证来确保我的表单正确提交。我试图样式的标题元素在我的表单，以便当用户不填写表单正确弹出的文本是红色而不是黑色。我的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="[e-mail]" 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>

在CSS中，我尝试了一些东西，比如

#contact[type="title"] {
    color: red;
}
#input[type="title"] {
    color: red;
}
title {
    color: red;
}

我还尝试了#contact，这使得整个表单都是红色的。我只想让title="是红色的。有人知道怎么做吗?

Answer 1

您不能在输入元素或任何元素上设置标题属性的样式。看一下jQueryUI工具提示。

Answer 2

如果你使用jQuery验证"标签。"Error"将允许您设置错误消息的样式…

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