input type submit stylisé avec du css :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
| input[type=submit] {
border:0;
padding:0;
margin:0;
color:#444;
font-weight:bold;
width:156px;
height:31px;
padding-bottom:3px;
background:url(bouton.gif) no-repeat;
background-position:top left;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
cursor:pointer;
}
input[type=submit]:hover {
background-position:bottom left;
} |
<input type="submit" value="Envoyer" />
Quelques améliorations pour être cross-browser sont surement à apporter, le :hover sur le input n'est pas franchement valide mais avec un peu de javascript à la place ça passe
Partager