forms - 如何在表单中设置标题元素的样式？

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="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>

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

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

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

title {
    color: red;
}

我也尝试了#contact，它使整个表单变成红色。我只希望 title="" 是红色的。有谁知道如何做到这一点？

Answer 1

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

Answer 2

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

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