输入占位符文本正在截取

Question

我正在创建webview，其中我正在使用几个INPUT标记和占位符文本来获取用户输入。

但是，在一些设备上，例如MOTO E2，占位符文本正在切断，我们只能查看文本的顶部（大约1px）。

如何解决这个问题？

Answer 1

我假设调整文本字段内的填充可以解决您的问题。

考虑这个例子：

.custom-input { 
 
    padding: 25px 20px 0px 10px !important; 
 
    height: 30px !important; 
 
    overflow: hidden !important; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 

 
<input type="text" class="form-control custom-input" placeholder="Some Text" />

安置自己的代码，如果不是这种情况。

Answer 2

在这个Web视图的Css中，我使用了2px的行高，当我移除它时，问题就解决了。