<div class="field"> <input type="text" placeholder="Name" class="gredient_input" /> </div>
body { padding-top: 30px; padding-left: 30px } .field { clear: both; margin-bottom: 10px } .gredient_input { border: 1px solid rgba(0, 0, 0, 0.16); height: 25px; padding: 5px 10px 5px 5px; font-size: 15px; /*border-radius*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(255, 255, 255, 0.02) 50%); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(255, 255, 255, 0.02) 50%); background-image: linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(255, 255, 255, 0.02) 50%); width: 200px }