jquery - 如何更改错误消息 CSS 样式 (Parsley)

Question

这似乎是一个衍生问题，但最初的问题从未得到答案，我希望我永远不会为此松懈。所以我使用 parsleyjs 进行验证，顺便说一句很棒的验证，但我不喜欢默认显示错误的方式。

通常，它会创建一个ul带有一对li's 的标签，并将错误消息传递给它们，这很好，但问题是我无法设置此li标签的样式。我什么都试过了。列表看起来像这样。

<ul class="parsley-errors-list filled" id="parsley-id-5">
   <li class="parsley-required">Please choose a username</li>
</ul>

在我的 css 中，我尝试.parsley-error了许多其他创造性的方法来设置这个元素的样式，但没有一个有效。我认为这也可能是因为这些元素是在加载时间之后添加到 dom 中的。如果有人以前解决过这个问题，我会很感激你的帮助。提前致谢。

score 2 · Accepted Answer

当我检查欧芹时，给出了这个 html 结构的错误消息。

<ul class="parsley-errors-list filled" id="parsley-id-5">
  <li class="parsley-required">This value is required.</li>
</ul>

我将此CSS代码应用于错误消息。

.parsley-errors-list li.parsley-required {
    background: green;
    padding: 10px;
    color: #fff;
}

检查引用的网址。我希望这能帮到您。 http://codepen.io/anon/pen/ZpmKZZ?editors=0100

score 2 · Accepted Answer

li无论何时将它们添加到页面，您都应该能够使用任意数量的选择器来定位这些s -

.parsley-errors-list li

.parsley-required

.parsley-errors-list .parsley-required

仅举几例。如果这些都不起作用，那可能是一个特殊性问题——在浏览器的开发工具中检查呈现的样式可能会对您有所帮助。

2 回答 2