www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/014/css/form.css
/****Form****/ #form { padding-top: 7px; } #form input { color:#565252; border: 1px solid #f0efef; padding: 5px 18px 6px; background-color: #fefefe; width: 100%; height: 29px; float:left; font: 13px/18px Arial, Helvetica, sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; /*Firefox 1-3*/ -webkit-box-sizing: border-box; /* Safari */ } #form textarea { color:#565252; height: 178px; overflow: auto; background-color: #fefefe; border: 1px solid #f0efef; padding: 7px 18px 6px; width: 100%; position: relative; resize:none; box-sizing: border-box; -moz-box-sizing: border-box; /*Firefox 1-3*/ -webkit-box-sizing: border-box; /* Safari */ float:left; font: 13px/18px Arial, Helvetica, sans-serif; margin: 0; } #form label { position:relative; display: block; min-height: 40px; width: 220px; float: left; } .email { margin-left: 20px; } .phone { margin-left: 20px; } #form .error, #form .empty { color: #FF0000; display: none; font-size: 11px; line-height:14px; width:auto; position: absolute; z-index: 999; right: 5px; top: 7px; float:left; } #form .error-empty { display:none; float:left; } .btns { position:relative; padding-top: 30px; text-align: right; } .btns a.btn { margin: 0 !important; cursor: pointer; } .btns a.btn { background: none; padding-right: 0; margin-left: 35px !important; } #form .message { width: 100%; } #form .btns span { display: inline-block; width: 13px; } .message br { height: 0; line-height: 0; } #form .success { display: none; position: absolute; width: 100%; background: #fefefe; border: 1px solid #f0efef; text-align: center; padding: 20px 10px; z-index: 999; box-sizing: border-box; -moz-box-sizing: border-box; /*Firefox 1-3*/ -webkit-box-sizing: border-box; /* Safari */ } .success_wrapper { position: relative; }