输入占位符文本截断

Question

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

然而，在一些设备中，例如MOTO E2，占位符文本被截断，我们只能查看文本的顶部(大约1px)。

如何解决这个问题？

Answer 1

您可以在input::placeholder样式中添加overflow: visible;

Answer 2

我假设调整文本字段中的填充可能会解决您的问题。

考虑这个例子：

​

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

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