1

在我的表单中，我生成了生日字段：

{{form_widget(form.birthdate) }}

生成以下html：

<div id="fos_user_registration_form_birthdate">
    <select id="fos_user_registration_form_birthdate_month"     name="fos_user_registration_form[birthdate][month]">
    <select id="fos_user_registration_form_birthdate_day" name="fos_user_registration_form[birthdate][day]">
    ,
    <select id="fos_user_registration_form_birthdate_year" name="fos_user_registration_form[birthdate][year]">
</div>

我想为选择添加一个类以自定义它们的样式。我怎样才能做到这一点？

PS：如果我添加

'attr' => array('class' => 'select-style'),

该类归​​因于<div id="fos_user_registration_form_birthdate">，而不是选择

4

2 回答 2

9 
{{ form_widget(account_form.birthday.day,{'attr':{'class':'some_class'}}) }}
{{ form_widget(account_form.birthday.month,{'attr':{'class':'some_class'}}) }}
{{ form_widget(account_form.birthday.year,{'attr':{'class':'some_class'}}) }}
于 2014-01-15T15:19:07.977 回答
2

这是您可以在不自己覆盖日期小部件的树枝模板的情况下做的最好的事情。如果您在此处查看日期小部件的默认模板，您将看到没有专门传递给选择输入的属性。但是，您可以将一个类应用到包含的 div，然后使用这样的 CSS 选择器来设置它们的样式

.dateWrapper select { /* style here */ }
于 2012-07-05T15:50:56.843 回答