css - Placeholder text padding -


is possible have individual padding or margins on placeholder text or forced

text-align:center; 

example http://www.bootply.com/ei0b9daoqq

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

Popular posts from this blog

python - mat is not a numerical tuple : openCV error -

c# - MSAA finds controls UI Automation doesn't -

wordpress - .htaccess: RewriteRule: bad flag delimiters -