Ein kleines Beispiel, um einen HTML-Submit Button mit CSS zu stlyen um einen mouseover-Effekt zu erzeugen, ohne Javascript verwenden zu müssen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css">
button.submit
{
background:#0E0F0F;
font-family:Century gothic, Arial,Tahoma,sans-serif;
color:#FFF;
font-size:13px;
margin:0 auto;
padding:0;
}
button.submit:hover
{
background:#FE0F0F;
font-family:Century gothic, Arial,Tahoma,sans-serif;
color:#FFF;
font-size:13px;
margin:0 auto;
padding:0;
}
label.name{
font-family:Century gothic, Arial,Tahoma,sans-serif;
background:#0E0F0F;
color:#FFF;
}
input{
font-family:Century gothic, Arial,Tahoma,sans-serif;
background:#0E0F0F;
color:#FFF;
}
</style> <title></title> </head> <body> <form name="aForm" action="index.php" method="post"> <label for="name" class="name">Name</label> <input type="text" name="name" id="name" size="30" /> <button type="submit" class="submit">Senden</button> <input type="hidden" name="submit" value="yes"> </form> </body> </html>
.
