php - 将 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 template form function reference

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

然后您可以在您的捆绑公共(public) Assets 中添加一个 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 %}

然后您可以通过您的 web/目录访问您的公共(public) Assets 。最好的方法是针对您的捆绑公共(public) Assets 创建符号链接(symbolic link)，然后执行

assets:install web/ --symlink

当您想要彻底自定义特定表单字段呈现 block (Twig) 时，另一种有用的方法是定义一个新的 form theme。 , 这是文档 > Form theming in Twig .