Posted By

1man on 09/21/07


Tagged

image replace button submit


Versions (?)

Who likes this?

22 people have marked this snippet as a favorite

jonhenshaw
basicmagic
markupmark
marcoba
vali29
gAmUssA
asturi
monapdx
Nerdlr
Nix
tmbrenneke
marnold2000
sspitler01
dfaulty
colingardom
cromozooom
jamiedollard
rizm
lickynee
arconis
ashloren
atulkransingh


Image Replace for Buttons


 / Published in: CSS
 

This allows you to replace the bog standard browser button (form buttons) with any image you wish.

  1. #submitButton {
  2. width: 38px;/* Width of button image */
  3. height: 19px;/* Height of button image */
  4. padding: 30px 0 0;
  5. margin: 0;
  6. border: 0;
  7. background: transparent url(images/buttonimage.gif) no-repeat;
  8. overflow: hidden;
  9. cursor: pointer; /* hand-shaped cursor */
  10. cursor: hand; /* for IE 5.x */
  11. }

Report this snippet  

Comments

RSS Icon Subscribe to comments
Posted By: Nix on January 25, 2009

Nice tip, thanks

You need to login to post a comment.