Symfony 表单窗口小部件自定义宽度

我正在为任务管理/错误报告应用程序制作一个表单

我已经编写了代码来添加一个新的Bug报告，它很有效，现在我想稍微修改一下HTML，但是我在

textarea

和

textbox

的宽度方面遇到了一些问题

<div class="g12">
<form action="{{ path('feedback_create', { 'category': category }) }}" method="post" {{ form_enctype(form) }}>
        <fieldset>
            <label class="handle">Title</br><span class="small">Short Descriptive Title</span></label>
            {{ form_widget(form.title )}}
            <label class="handle">Problematic Steps</br><span class="small">Detailed Steps to Reproduce the Problem</span></label>
            {{ form_widget(form.userNotes)}}
        </fieldset>
    {{ form_rest(form) }}
    <p>
        <button type="submit">Create</button>
    </p>
</form>
</div>

标题
简短的描述性标题
{{form_小部件（form.title）}
问题步骤
重现问题的详细步骤
{{form_小部件（form.userNotes）}
{{form_rest（form）}

创造

这是我目前得到的HTML--它显示了我想要的方式。。除了

文本框

和文本区域似乎与表格的两侧重叠。。我试图清除缓存，并将form_小部件行以设置的宽度包装在一个div中，但没有效果

我已经创建了基本的JSFIDLE，在视觉方面，它所做的工作缺少最少的CSS

我非常感谢您提出的任何解决方法。

您的CSS

input, textarea { width: 99%; } /* This is not the cause */

我注意到：

display: none; /* This is not the cause */

在这两个项目（输入和文本区域）上，仍将保持表单非常宽。这是由于您的.g12类宽度值造成的。当我把

.g12 { width: auto; } /* This is a solution */

它收缩了。 在fiddle中，由于第一个DIV，滚动条保持800px的宽度。我想这应该保持不变

请注意，您应该将此规则置于宽度适用于.g12的其他规则下，或者使选择器更重：

div.g12 { width: auto; }

你的CSS有

input, textarea { width: 99%; } /* This is not the cause */

我注意到：

display: none; /* This is not the cause */

在这两个项目（输入和文本区域）上，仍将保持表单非常宽。这是由于您的.g12类宽度值造成的。当我把

.g12 { width: auto; } /* This is a solution */

它收缩了。 在fiddle中，由于第一个DIV，滚动条保持800px的宽度。我想这应该保持不变

请注意，您应该将此规则置于宽度适用于.g12的其他规则下，或者使选择器更重：

div.g12 { width: auto; }

---

很有魅力。。非常感谢。。。今天早上3点让我头疼，很有魅力。。非常感谢。。。今天早上3点让我头疼。