Advanced Search

Simple CSS Buttons

/ Published in: CSS
Save to your folder(s)
Just a simple styling of buttons.

Expand | Embed | Plain Text

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.