Question

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

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

如何解决这个问题？

Answer 1

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

考虑这个例子：

＆＃13;

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

＆＃13;

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

＆＃13;

如果不是这样，请发布您的代码。

Answer 2

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

Answer 3

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

输入占位符文本获取截止

3 个答案: