Symfony自定义表单错误css

Question

我正在使用symfony 2.8。在注册表单中，当我提交带有空字段的表单时，它会在

标记中显示验证错误。这真的让UI看起来很糟糕。如何更改每个验证错误消息的CSS。

Cmd: ['sh','-c','echo test $VAR']

Answer 1

您正在使用form_row小部件呈现表单字段，该小部件呈现标签，字段和放大器用于自定义样式的相关错误，您可以单独呈现字段及其标签和错误，如

{{ form_start(form, {'method': 'post', 'action': path('fos_user_registration_register'), 'attr': {'class': 'fos_user_registration_register','novalidate': 'novalidate'}}) }}

    {{ form_label(form.email) }}

    <div class="some_class">{{ form_errors(form.email) }} </div>

    {{ form_widget(form.email) }}

{{ form_end(form) }}

<style type="text/css">

.some_class{
 /* write custom styling rules here */
}

</style>

或者在一个地方获取所有错误，例如

{# render any "global" errors #}
{{ form_errors(form) }}

Reference: Twig Template Form Function and Variable Reference

Answer 2

错误有自己的元素和类，您可以从css中定位。

一种基本方法可以使用here所述的表单主题，或者create your own form theme。

如果你想自定义标签，你就可以做这个人做的事here。