www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/046/css/form.css
@charset "utf-8"; /* ---------- Button ---------- */ .button { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; outline: none; cursor: pointer; text-align: center; text-decoration: none; font:14px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; padding: 10px 20px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); height:42px; } .button:hover { text-decoration: none; } .button:active { position: relative; top: 1px; } .button.bigrounded { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* ---------- Button Color ---------- */ /* Red */ .b_red { color: #d9eef7; border: solid 1px #d84646; background: #dd5858; background: -webkit-gradient(linear, left top, left bottom, from(#dd5858), to(#ca2424)); background: -moz-linear-gradient(top, #dd5858, #ca2424); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd5858', endColorstr='#ca2424'); } .b_red:hover { background: #e11a1a; background: -webkit-gradient(linear, left top, left bottom, from(#e11a1a), to(#db4949)); background: -moz-linear-gradient(top, #e11a1a, #db4949); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e11a1a', endColorstr='#db4949'); } .b_red:active { color: #d9eef7; background: -webkit-gradient(linear, left top, left bottom, from(#f04242), to(#e85f5f)); background: -moz-linear-gradient(top, #f04242, #e85f5f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f04242', endColorstr='#e85f5f'); }