调整占位符文本的大小以适合输入文本字段引导程序

时间:2014-10-26 08:10:53

标签: html css twitter-bootstrap

我在表单中有一个输入字段:

<div class="form-group">
    <h2><label class="control-label">Email Id*</label></h2>
    <input type="text" name="entry.724320362" value="" class="form-control" id="entry_724320362" dir="auto"
           required="true" placeholder="Email id with which you have registered for The portal"/>
</div>

此表单在浏览器中显示时会显示完整的占位符文本。但是在移动设备上时,它会将其剪辑为: enter image description here

那么有没有办法使用bootstrap(或其他)我可以让占位符调整大小以适应文本字段或者可能换行文本?

1 个答案:

答案 0 :(得分:1)

您可以使用besudo类来设置placehllder的样式:

::-webkit-input-placeholder {}

:-moz-placeholder {}

::-moz-placeholder {}

:-ms-input-placeholder {}