css - Placeholder text padding -
is possible have individual padding or margins on placeholder text or forced
text-align:center;
you have give class name each of input , give specific padding each of them link
html
<input class="form one" type="text" name="name" placeholder="first , last name"></div> </div> <div class="row col-md-3"> <input class="form second" type="email" name="phone" placeholder="@gmail.com"> </div> <div class="row col-md-3 "> <input id="email" class="form third" type="tel" name="zip" placeholder="zip "> </div>
css
.form { background-color: #666; color:#fff; } .second::-webkit-input-placeholder{ color:white; letter-spacing: 1px; font-family: "helvetica neue", helvetica, arial, sans-serif; padding-left:40px; } .third::-webkit-input-placeholder{ color:white; letter-spacing: 1px; font-family: "helvetica neue", helvetica, arial, sans-serif; padding-left:50px; } .one::-webkit-input-placeholder{ color:white; letter-spacing: 1px; font-family: "helvetica neue", helvetica, arial, sans-serif; padding-left:80px } .form::-webkit-input-placeholder{ color:white; letter-spacing: 1px; font-family: "helvetica neue", helvetica, arial, sans-serif; }
Comments
Post a Comment