如何在Symfony表单中设置下拉列表的子元素的样式

Question

我正在尝试为symfony表单的下拉选项（标签和复选框）设置样式，但遇到了问题。我可以设置复选框和标签的渲染组的样式，但不能单独设置每个项目（成对标签复选框）。

我试图通过以下方式来设计它们：

{{ form_widget(form.qualifications, {'attr': {'class':'d-block'} }) }}

但如文档中所述，这仅将样式应用于父元素（要选择的渲染选项组），而不是每个单独的选项。

下面是创建小部件的Symfony表单生成器部分

->add('qualifications', EntityType::class, [
                'class' => Tag::class,
                'multiple' => true,
                'expanded' => true,
                'required' => false,
                'placeholder' => 'Select...',
                'choices' => $this->tagsService->getTagsQualificationLevels(),
                'attr' => [
                    'class' => 'form-control-ajax-submit-on-change w-20',
                ]
            ])

我希望能够将样式应用于选择数组，但我真的被如何做到这一点所困扰。

Answer 1

也许你们应该在模板中尝试循环？我对radiobutton也有类似的问题，看看：如何以Symfony的形式制作radiobutton？

Answer 2

您可以使用choice_attr选项：

    ->add('qualifications', EntityType::class, [
                'class' => Tag::class,
                'multiple' => true,
                'expanded' => true,
                'required' => false,
                'placeholder' => 'Select...',
                'choices' => $this->tagsService->getTagsQualificationLevels(),
                'attr' => [
                    'class' => 'form-control-ajax-submit-on-change w-20',
                ],
                'choice_attr' => function($choiceValue, $key, $value) {
                    return ['class' => 'my_custom_choice_class'];
                },
            ])