Question

目前我的按钮是以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');}

我设法让图像显示，但它总是隐藏在实际按钮背后。

Answer 1

尝试：

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

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

或者您可以使用图片提交，请参阅此问题以获取示例：Place an image for submit button in Zend form

使用zend表单设置提交按钮的样式

1 个答案: