Android 2.3.4-Html输入类型密码在焦点上有边界
我的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
...
<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;
}