Android 2.3.4-Html输入类型密码在焦点上有边界

Android 2.3.4-Html输入类型密码在焦点上有边界,android,webkit,Android,Webkit,我的HTML代码: ... <input placeholder="Username" type="text" name="username" id="username"> <input id="inputPwd" placeholder="Password" type="password" name="password"> ... 我的目标是消除边界。它在Firefox、Google Chrome、iPhone Safari等浏览器中运行良好。不幸的是,我对Andro

我的HTML代码:

...
<input placeholder="Username" type="text" name="username" id="username">
<input id="inputPwd" placeholder="Password" type="password" name="password">
...
我的目标是消除边界。它在Firefox、Google Chrome、iPhone Safari等浏览器中运行良好。不幸的是,我对Android 2.3.4有一个问题

在安卓系统中,当我关注“密码”字段时,我看到薄薄的黑色边框。。。我尝试了所有的CSS组合,没有任何帮助


非常感谢您的帮助

-webkit用户修改:仅读写明文用于删除焦点上的ce特殊样式;)


这将删除Android(PhoneGap)中针对Android ICS的所有聚焦输入的Webkit样式,添加这两种样式将解决问题:

-webkit-user-modify: read-write-plaintext-only;
-webkit-tap-highlight-color:rgba(0,0,0,0); 

我不确定您测试的是哪种版本,但我在Android上遇到了类似的问题w/WebKit533.1。我决定去。有几种默认的焦点样式和两种特定于“密码”类型的焦点样式

我们的问题与“大纲”财产有关,“轮廓不占用空间,它们是在内容上方绘制的。”(我的重点)。换句话说,默认轮廓样式是在边框样式上方绘制的


尝试操作轮廓样式而不是边框或-webkit点击高亮显示颜色样式。

如下更改样式:

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    -webkit-tap-highlight-color:none;
    border:none;         
    outline:none;        
}

看起来Android 2.3附带的web浏览器在您键入密码时会在html内容上显示一些特殊的输入字段(本机?)。此输入字段始终具有1px黑色边框和白色背景

解决方法是使用
字段而不是标准密码字段,并添加
-webkit text security:disc样式


但由于安卓2.3不再是优先平台,我将把这个黑边界问题留在我的项目中。

你找到解决方案了吗?
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    -webkit-tap-highlight-color:none;
    border:none;         
    outline:none;        
}