如何设置数据错误

Question

我正在尝试设置数据错误的样式，如果你继续前进而没有填充字段，但到目前为止还没能弄明白。

我可以使用以下方法为占位符设置字体系列的样式：

::-webkit-input-placeholder {
    font-family: 'Indie Flower', sans-serif;
}

::-ms-input-placeholder {
    font-family: 'Indie Flower', sans-serif;
}

::-moz-placeholder {
    font-family: 'Indie Flower', sans-serif;
}

::-moz-placeholder {
    font-family: 'Indie Flower', sans-serif;
}

我曾尝试使用相同的方法来设置数据错误的样式，但我承认我不是CSS的专家，所以不确定它是否接近正确：

::-webkit-input-data-error {
    color: red;
    font-family: 'Indie Flower', sans-serif;
}

::-ms-input-data-error {
    font-family: 'Indie Flower', sans-serif;
}

::-moz-data-error {
    font-family: 'Indie Flower', sans-serif;
}

::-moz-data-error {
    font-family: 'Indie Flower', sans-serif;
}

这是我工作的部分的一个html片段..

<div class="form-group">
  <label for="form_name">First Name *</label>
  <input id="form_name" type="text" name="name" class="form-control" placeholder="First Name *" required="required" data-error="Firstname is required.">
  <div class="help-block with-errors"></div>
</div>

提前感谢您的帮助！

*****我刚把它应用到了“联系表格”的id，解决了！ @BalázsVarga，我不知道为什么我开始没想到这样做。谢谢！