輸入佔位符文本正在截取

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的行高，當我移除它時，問題就解決了。