Android 原生浏览器：输入占位符无法正常工作答案

【问题标题】：Android native browser: input placeholder works not correctlyAndroid 原生浏览器：输入占位符无法正常工作
【发布时间】：2014-01-12 15:48:03
【问题描述】：

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

如您所见，文本不在垂直中间。我怎样才能把它放在垂直中间？我正在测试三星 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;)后变差了

【问题讨论】：

【解决方案1】：

Updated Fiddle

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

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

使用简单。

【讨论】：

你添加了必要的JS文件吗？
我将 jquery.watermark.js 添加到 html 页面，我的输入 html 是` ` ，并带有@ 987654325@$('#my_input').watermark("Please enter your password");我有placeholder，但它就像第一张照片
检查已编辑答案中的小提琴
显示文本框的 CSS 样式。
让我们continue this discussion in chat

【解决方案2】：

尝试使用这个 css 规则：-

#my_input { line-height: 0; }

【讨论】：