将CSS添加到表单类型是Symfony2

Question

我有一个编辑表单,表单是通过symfony2表单类型.我检查了文档,但找不到任何将CSS添加到表单的选项.表单正确显示数据,一切都很好,我想要做的是为每个字段添加样式.

我的编辑类型是

 public function buildForm(FormBuilder $builder, array $options)
{
    $builder
    ->add('id', 'hidden')
    ->add('patent_name', 'text', array('label' => 'Patent Name'))
    ->add('description', 'textarea', array('label' => 'Description', 'required' => false))
    ->add('appln_auth','text', array('label' => 'Application Authorization'))
    ;
}

任何人都有任何想法我可以添加CSS吗？

谢谢

Answer 1

以下是构建表单时可以执行此操作的方法,

 $builder->add('field_name', 'text', array('label' => 'Field Label', 'attr' => array('class' => 'fieldClass')));

您还可以在渲染表单字段时执行此操作,查看Twig模板表单函数参考

{{ form_label(form.field, 'label', { 'attr': {'class': 'foo'} }) }}
{{ form_widget(form.field, { 'attr': {'class': 'bar'} }) }}

然后,您可以在捆绑公共资源中添加css文件,并使用以下方法在模板中调用它:

{% block stylesheets %}
    {% parent() %} {# if you want to keep base template's stylesheets #}
    <link href="{{ asset('bundle/myBundle/css/stylesheet.css') }}" type="text/css" rel="stylesheet" />
{% endblock %}

然后,您可以通过您的网站/目录访问您的公共资产.最好的方法是创建针对您的捆绑公共资产的符号链接,然后执行

assets:install web/ --symlink

当您想要彻底自定义特定表单字段呈现块(Twig)时,另一种有用的方法是定义新的表单主题,这里是文档> 在Twig中表单主题.