输入占位符文本被截断

【问题标题】：input placeholder text getting cutoff输入占位符文本被截断
【发布时间】：2021-04-27 23:37:54
【问题描述】：

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

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

如何解决这个问题？

【问题讨论】：

你能发布你的代码吗？

标签： html css placeholder

【解决方案1】：

您可以将overflow: visible; 添加到您的input::placeholder 样式中

【讨论】：

【解决方案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" />

如果不是这种情况，请发布您的代码。

【讨论】：

【解决方案3】：

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

【讨论】：