php - 在 Symfony 中设置提交按钮的背景图片

Question

我不想使用显示为“搜索”的基本提交按钮，而是想将按钮的背景图像设置为搜索图标的图像。我不确定如何去做，因为整个表单在 Controller 中设置如下:

$form = $this->get('form.factory')->createNamedBuilder('', 'form', $search, array('csrf_protection' => false, 'attr' => array('class' => 'searchForm')))
            ->setAction($this->generateUrl('_search'))
            ->setMethod('GET')
            ->add('q', 'text', array('label'=>false, 'required' =>false))
            ->add('search', 'submit')
            ->getForm();

我目前正在使用 Twig 渲染我的 Symfony 表单:

<div class="searchFormWrapper">
    {{ form(form) }}
</div>

我也试过这个，但是它呈现了整个按钮搜索按钮并且不允许我设置背景图像:

{{ form_widget(form.q) }}
{{ form_widget(form.search) }}

我很感激任何关于如何实现这一点的建议，在此先感谢!

Answer 1

您可以通过以下方式向该按钮添加 CSS 类:

->add('search', 'submit', array(
    'attr' => array('class' => 'my-custom-button-class'))
)

并在 CSS 中设置样式。