如何更改错误消息Css样式（欧芹）

Question

这可能看起来像是一个旋转，但原始问题从来没有得到答案，我希望我永远不会失去分数。所以我使用parsleyjs进行验证，顺便进行验证，但我不喜欢默认显示错误的方式。

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

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

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

Answer 1

您应该可以使用任意数量的选择器定位li，无论它们何时被添加到页面中

.parsley-errors-list li

.parsley-required

.parsley-errors-list .parsley-required

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

Answer 2

我检查了欧芹给出了这个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