Simple CSS Buttons


/ Published in: CSS
Save to your folder(s)

Just a simple styling of buttons.


Copy this code and paste it in your HTML
  1. input[type="button"], input[type="submit"] {
  2. padding: 6px 15px;
  3. background: #F8F8F8;
  4. -moz-border-radius: 6px;
  5. -webkit-border-radius: 6px;
  6. border-radius: 6px;
  7. border: solid 1px white;
  8. -moz-box-shadow: 0 2px 0 #e5e5e5;
  9. -webkit-box-shadow: 0 2px 0 #e5e5e5;
  10. box-shadow: 0 2px 0 #e5e5e5;
  11. }
  12.  
  13. input[type="button"]:hover, input[type="submit"]:hover {
  14. background: #FBFBFB;
  15. color: #494949;
  16. }
  17.  
  18. input[type="button"]:active, input[type="submit"]:active {
  19. position: relative;
  20. top: 1px;
  21. -moz-box-shadow: 0 1px 0 #e5e5e5;
  22. -webkit-box-shadow: 0 1px 0 #e5e5e5;
  23. box-shadow: 0 1px 0 #e5e5e5;
  24. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.