使用 zend 窗体设置提交按钮的样式 - Styling a submit button using zend form

Styling a submit button using zend form

目前我的按钮用于Zend表单，我可以弄清楚如何添加标签等，但是我现在对HTML或CSS所做的任何事情都没有给它任何结果。

我的按钮代码如下：

class Application_Form_Newsletter extends Zend_Form
{
    public $processed = false;
    public function init()
    {
        $this->addElement(
            'text', 'email', array(
                'label' => '',
                'required' => true,
                'validators' => array(
                array('StringLength', false, array('max'=>150)),
                'EmailAddress',
                ),
            )
        );
        $this->addElement('submit', 'go', array(
            'id'=>'btnNewsletter',
            'type'=>'image',            
          ));
    }
}

样式表代码如下：

#btnNewsletter{ background-image: url('../img/home-search-background-btn.png');}

我已经设法显示图像，但它总是隐藏在实际按钮本身后面。

尝试：

#btnNewsletter {
    background-image: url('../img/home-search-background-btn.png');
    background-color: transparent;
    border: 0;
    text-indent: -1000px;
    padding: 0;
}

还可以添加宽度和高度值以匹配按钮的尺寸。text-indent 指令将按钮文本移出视图，以便您唯一看到图像。

或者，您可以使用图像提交，请参阅此问题以获取示例：在Zend表单中放置要提交的图像按钮