Android ICS在焦点上丢失了一些输入CSS样式

Question

在 Android ICS

中测试登录页面时发现问题

它打破 CSS 大纲样式，这里是 ICS和JB 的屏幕截图，

我尝试了以下 CSS ，但尚未修复，

input:focus, textarea:focus {
    outline: 0;
}

input{
  -webkit-tap-highlight-color: rgba(255,255,255,0);
}

这是html，

<input type="text" id="username" placeholder="Username" required/>
<input type="password" id="password" placeholder="Password" style="-webkit-text-security: disc;" required/>

如何摆脱这种情况，请有人找到我确切的解决方案..

Answer 1

当我找到修复程序时，我想回答我自己的问题， 我将以下行添加到输入字段

-webkit-user-modify: read-write-plaintext-only;

即，

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

参考：http://css-infos.net/property/-webkit-user-modify

一旦我添加了这个，即使在 Android ICS 中，输入字段轮廓也会消失。谢谢