如何设置repeatedType 字段表单的样式？

Question

从 symfony 5 开始，我有一个包含表单的视图（用于创建新用户）。在此表单中，我为密码添加了一个重复类型字段。

一切正常。

现在我想添加一些样式但我遇到了困难：

使用 Symfony API，我找到了如何将 css 类添加到 div '#user_password'（图像中的黑框），我找到了如何将 css 类添加到输入（图像中的绿色框）。但是我在图片中的蓝色框中找不到如何将类添加到 div 中。我正在寻找一种将“col-6”类添加到“蓝色 div”的方法

我的代码：

        ->add('password', RepeatedType::class, [
            'type' => PasswordType::class,
            'label' => false,
            'first_options'  => [
                'label' => false,
                'attr' => [
                    'class' => 'form-control trapezoid',
                    'placeholder' => 'Password'
                ]
            ],
            'second_options' => [
                'label' => false,
                'attr' => [
                    'class' => 'form-control trapezoid',
                    'placeholder' => 'Password²'
                ]
            ],
            'attr' => [
                'class' => 'row',
            ],
            'row_attr' => [
                'class' => 'col-6', // has no effect
            ]
        ])

以及我的 twig 文件中用于密码字段的代码：

<div>
    {{ form_widget( form.password) }}
</div>
{{ form_help(   form.password) }}
{{ form_errors( form.password) }}

Answer 1

使用 'row_attr' inside first_option 和 second_option

'first_options'  => 
[
    'label' => false,
    'attr' => [
        'class' => 'form-control trapezoid',
        'placeholder' => 'Password'
    ],
    'row_attr' => [
        'class' => 'col-6', 
    ]
],