젠드 양식을 사용하여 제출 단추 스타일 지정

Question

현재 제 단추는 젠드 양식에 사용되며 태그 등을 추가하는 방법을 알아낼 수는 있지만 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