Question

我正在使用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>

在CSS中我尝试了一些诸如

之类的东西

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

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

title {
    color: red;
}

我也尝试过#contact，这使得整个表单变红了。我只想让title =“”变成红色。有谁知道如何做到这一点？

Answer 1

您无法在输入元素或任何元素上设置title属性的样式。看看jQueryUI Tooltip。这应该有助于你获得一些风格化的工具提示。

Answer 2

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

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

如何设置表单中的title元素？

2 个答案: