Android原生浏览器：输入占位符工作不正确

Question

我在Android原生浏览器上遇到了一个问题。在我的情况下，我有一个带占位符文本的输入。文本在所有浏览器上都正确显示，但在Android本机浏览器上显示奇怪：

如您所见，文字不在垂直中间。我怎么能把它放在垂直中间？我正在测试Samsung Galaxy note 10.1（android version is 4.1）

HTML：

<input type="text" id="my_input" placeholder="Please enter your password"/>

<小时/> 的 CSS：

input {
   border: 3px solid green;
   height: 43px!important;
   padding: 0;
   font-size: 23px;
}

修改

添加line-height（line-height: 43px;后）变得更糟

Answer 1

Updated Fiddle

您可以立即使用Watermark Jquery。因为如果你改变一些CSS，这将在其他浏览器中产生问题。

https://code.google.com/p/jquery-watermark/

$(function () {
    $("#fname").watermark("First Name");
    $("#lname").watermark("Last Name");
    $("#company").watermark("Company Name");
});

使用简单。

Answer 2

尝试使用此css规则： -

#my_input { line-height: 0; }