html - 调整占位符文本大小以适应输入文本字段 Bootstrap

Question

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

<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>

此表单在浏览器中显示时会显示完整的占位符文本。但是在移动设备上，它会这样剪辑:

那么有什么方法可以使用 bootstrap(或其他方式)让占位符调整大小以适合文本字段或换行文本？

Answer 1

您可以使用 besudo 类来设置占位符的样式:

::-webkit-input-placeholder {}

:-moz-placeholder {}

::-moz-placeholder {}

:-ms-input-placeholder {}