css - Symfony2 - 用于在表单中选择的自定义 css

Question

我的表单呈现有点问题。我希望我的不同选择框有不同的大小。

<div >
 {{ form_label(form.date_of_birth, 'date de naissance') }}
 {{ form_widget(form.date_of_birth )}}
</div>

<div >
 {{ form_label(form.Alimentation, 'Alimentation') }}
 {{ form_widget(form.Alimentation)}}
</div>

这两个小部件呈现选择框。我希望这两个有不同的尺寸，一个大的，一个细的。但是，我不能直接设置 div 的样式，设置 div 的宽度什么都不做。我也试过这个：

->add('date_of_birth', 'date', array('required' => false, 'attr' => array('style' => 'width:330px'), 'widget' => 'choice', '格式' => 'dd-MM-yyyy', 'years' => range(1970,2012)))

这无济于事。

Answer 1

在Twig 模板表单函数参考 http://symfony.com/doc/current/reference/forms/twig_reference.html中解释

{{  form_widget(form.name, { 'attr' : { 'class' : 'yourClass' } })  }}

现在，您已将 class 属性添加到您的表单字段，其中 yourClass 作为 css 类。因此，您可以使用 css 为您的字段设置样式。