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

Question

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

一切正常。

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

使用 Symfony API，我发现如何将 css class 添加到 div '#user_password'（图中的黑框） )，我找到了如何将 css class 添加到输入（图像中的绿色框）。但是我找不到如何将class添加到图像中蓝色框中的div。我正在寻找一种将 class 'col-6' 添加到 'blue 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'在first_option和second_option

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

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

How style a repeatedType field form?

css

php

symfony-forms

symfony

twitter-bootstrap