CSS-Background Image für Input-Buttons in IE/FF

Submitted by Steffen on 21. April 2009 - 13:09
Related Terms :

Der IE 6/7 versteht die Eigenschaft background-image bei input-Buttons nicht richtig.. Abhilfe schafft hier die Eigenschaft background..

<input id="edit-cb-submit" class="form-submit" type="submit" value="absenden" name="op"/>

.form-submit {
      background: transparent url(./pics/btn_absenden.gif) no-repeat top;
      width: 150px;
      height: 40px;
      color:transparent ;
      text-indent:-9000px;
/* IE Fix*/
      font-size: 0px;
      display:block;
      line-height: 0px;
}

Die letzten 3 Zeilen CSS sorgen dafür, dass der ButtonText im IE nicht mehr angezeigt wird.
Der text-indent wird vom IE bei input-Buttons nicht berücksichtigt..

Quelle:
http://www.productivedreams.com/ie-not-intepreting-text-indent-on-submit...