在我的表单中,我使用以下内容生成birthdate字段:
{{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>
我想在select中添加一个类来自定义它们的样式。 我怎么能这样做?
PS:如果我添加
'attr' => array('class' => 'select-style'),
该课程归属于<div id="fos_user_registration_form_birthdate">
,而不是选择
答案 0 :(得分: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'}}) }}
答案 1 :(得分:2)
如果不自行覆盖日期窗口小部件的树枝模板,那么这是最好的。如果查看日期窗口小部件here的默认模板,您将看到没有专门传递给选择输入的属性。但是,您可以将一个类应用于包含div,然后使用这样的CSS选择器来设置它们的样式
.dateWrapper select { /* style here */ }