/ Published in: CSS
Just a simple styling of buttons.
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
input[type="button"], input[type="submit"] { padding: 6px 15px; background: #F8F8F8; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: solid 1px white; -moz-box-shadow: 0 2px 0 #e5e5e5; -webkit-box-shadow: 0 2px 0 #e5e5e5; box-shadow: 0 2px 0 #e5e5e5; } input[type="button"]:hover, input[type="submit"]:hover { background: #FBFBFB; color: #494949; } input[type="button"]:active, input[type="submit"]:active { position: relative; top: 1px; -moz-box-shadow: 0 1px 0 #e5e5e5; -webkit-box-shadow: 0 1px 0 #e5e5e5; box-shadow: 0 1px 0 #e5e5e5; }