Symfony2/Twig/Bootstrap：如何自定义 DeleteForm 按钮答案

【问题标题】：Symfony2/Twig/Bootstrap: How to customize DeleteForm ButtonSymfony2/Twig/Bootstrap：如何自定义 DeleteForm 按钮
【发布时间】：2014-11-25 16:08:55
【问题描述】：

我有 Twig 模板：show.html.twig。

其中有一个引导表单组中的删除按钮。我想像表单组中的其他按钮一样设置按钮的样式，但它不起作用，这是我的代码：

<div class="btn-group btn-group-sm" role="group" style="margin-bottom: 20px;">
        <a href="{{ path('secure_mail') }}" type="button" class="btn btn-default"><i class="fa fa-envelope"></i> Back</a>
        {{ form_widget(delete_form.submit, { 'label': 'Delete' }, { 'attr': {'class': 'btn btn-default', 'type' => 'button'} }) }}
    </div>

难道不能设计这个按钮吗？

【问题讨论】：

无法真正为您回答这个问题，因为我们看不到您要比较的“设计”，但您声明了 { 'attr': {'class': 'btn btn-default'}，只需将其中的类选择器更改为您在 CSS 中用于样式的那些？
我的按钮组中第一个位置的“返回”按钮设计正确！现在，我希望 DELETE 按钮采用与后退按钮相同的设计。所以我给了它相同的类和类型。但是删除按钮看起来不像第一个！它不需要上课和打字！

标签： php css twitter-bootstrap symfony twig

【解决方案1】：

变化：

{{ form_widget(delete_form.submit, { 'label': 'Delete' }, { 'attr': {'class': 'btn btn-default', 'type' => 'button'} }) }}

收件人：

{{ form_widget(delete_form.submit,{ 'label': 'Delete' }, { 'attr': {'class': 'myOwnClassSelectorsHere', 'type': 'button'} }) }}

在attr 声明中使用您的CSS 选择器，它将使用您应用于该类的任何样式。

{ 'attr': {'class': '...', 'type' : 'button'} 的定义是如何应用样式的。它使用 btn btn-default 作为 Twitter Bootstrap 的样式选择器。

您没有看到任何更改的原因是您声明了 => 而不是 :。

对于标签，试试：

{{ form_widget(delete_form.submit,{ 'label': 'Delete' }, { 'attr': {'class': 'myOwnClassSelectorsHere', 'type': 'button'} }) }}

【讨论】：

就是这样！！非常感谢！真的很酷！现在可以在任何地方设置自己的标签了吗？
@Zwen2012 不用担心，很高兴它有帮助！ :)
@Zwen2012，您的意思是要显示在按钮内的文本吗？
是的，我就是这个意思！