Jens Holzkämper: Format für <input type... definieren

Beitrag lesen

Tach,

Kann man mit CSS das Bild des Buttons ersetzen, wenn er mit dem Cursor überfahren wird?

ja:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">  
  <head>  
    <title>Button-Beispiel</title>  
    <style type="text/css">  
      button{  
        display:block;  
        width:100px;  
        height:100px;  
        background-color:red;  
        color:black;  
      }  
      button:hover{  
        background-color:black;  
        color:red;  
      }  
    </style>  
  </head>  
  <body>  
    <form action="">  
      <p>  
        <button type="submit">Klick mich</button>  
      </p>  
    </form>  
  </body>  
</html>  

Hintergrundbilder gehen analog, der IE6 spielt natürlich nicht mit, weil er :hover nur bei Links unterstützt.

mfg
Woodfighter