如何移除Symfony表单中自动添加的form-control类？

以下是几种可行的解决方式，针对你遇到的RangeType字段自动添加form-control类导致内边距的问题：

方法一：表单字段配置直接覆盖class #

在定义表单字段时，直接在attr里设置空class属性，覆盖默认自动添加的form-control：

->add('progress', RangeType::class, [
    'label' => 'kpi.form.progress',
    'attr' => [
        'min' => 0,
        'max' => 100,
        'class' => '', // 清空class，移除默认的form-control
    ],
])

如果需要保留其他自定义class，也可以手动指定不含form-control的类名，比如'class': 'custom-range'。

方法二：自定义Twig表单主题（全局/局部生效） #

如果需要批量处理多个同类型字段，推荐自定义表单主题：

1. 创建自定义主题文件（比如templates/form/custom_theme.html.twig），添加针对RangeType的修改：

{% block range_widget %}
    {% set attr = attr|merge({
        'class': attr.class|default('')|replace({'form-control': ''})|trim
    }) %}
    {{ parent() }}
{% endblock %}

2. 在你的模板中引入这个主题（如果要全局生效，可以在config/packages/twig.yaml里配置）：

{% form_theme formCompanyOKR 'form/custom_theme.html.twig' %}

方法三：Twig模板内临时修改字段属性 #

在渲染表单行之前，直接修改目标字段的attr属性，移除form-control类：

{% for formTeamOKR in formCompanyOKR.teamOKRs %}
    {% for formKPI in formTeamOKR.KPIs %}
        {% if formKPI.vars.data.id == kpi.id %}
            {% set updatedAttr = formKPI.vars.attr|merge({
                'class': formKPI.vars.attr.class|default('')|replace({'form-control': ''})|trim
            }) %}
            {% set formKPI = formKPI|merge({'vars': formKPI.vars|merge({'attr': updatedAttr})}) %}
            {{ form_row(formKPI) }}
        {% endif %}
    {% endfor %}
{% endfor %}

你之前尝试的{% set attr = {class: (attr.class|default(''))|trim} %}无效，是因为这个attr是局部变量，并没有关联到表单字段的实际属性上，所以无法影响最终渲染的HTML。

内容的提问来源于stack exchange，提问作者MrsStorm