时间戳

首页 > 解决方案 > 是否可以在 twig Symfony 4 中将 CSS 类添加到 form_row？

html - 是否可以在 twig Symfony 4 中将 CSS 类添加到 form_row？

问题描述

我正在尝试在 Symfony 4 的树枝模板中向整个 form_row 添加一个 CSS 类！从图片中可以看出，我的代码现在只将类添加到输入标签中，我需要将类添加到父 div 容器中。

下面是我的代码：

        {{ form_row(form.firstname, { 'attr' : {'class' : 'first_name'} }) }}

下面是渲染代码的图像：

在此处输入图像描述

标签： htmlcsssymfony4

解决方案

从symfony 的文档中：

attr: 一个键值数组，将在字段上呈现为 HTML 属性。

这意味着属性仅应用于该字段。

您可以将整个 div 包装在另一个 div 中，如下所示：

<div class='first-name'>
     {{ form_row(form.firstname) }}
</div>

然后将样式应用于div.first-name或div.first-name > div

或者：自己渲染整行

使用以下内容，您可以自己渲染标签和小部件：

<div class='first-name'>
    {{ form_label(form.firstname) }}
    {{ form_widget(form.firstname) }}
</div>

推荐阅读