IBM Worklight 6.1 - 禁用焦点上的橙色轮廓突出显示不起作用

Question

我正在使用一个文本框和一个textarea在worklight 6.1中开发一个移动应用程序。我需要删除Android设备中焦点上的橙色轮廓高光，所以我尝试了所有代码：Disable orange outline highlight on focus“。

在IBM Worklight 6.0中，这可以工作：

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

我在IBM Worklight 6.1上尝试过相同的代码，但它不起作用。

这是我的HTML代码：

<div>
    <input type="text"/>
    <textarea>
    </textarea>
</div>

高光在6.1中显示为几分之一秒。

---

添加以下代码后，@ Ilya给出的答案得到相同的输出：

Answer 1

这是工作代码。在设备中测试[Samsung S Duos，Sony Xperia M＆amp;三星Tab II]与IBM worklight 6.0＆amp; IBM Worklight 6.1。

textarea:focus, input:focus, input,textarea{
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-modify: read-write-plaintext-only; 
    border: none !important;
    margin: none !important;
}

Answer 2

在关注输入

之前需要关闭轮廓

textarea, input{
    outline: none !important;
}

Answer 3

请参阅此基于Worklight 6.1.0的项目：Disable Focus Rings in Android

在其中我使用了以下CSS规则：

textarea, input {
    /* Deals with Android 4.x */
    outline: none;

    /* Deals with Android 2.x */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some other Androids */
}

在运行Android OS v4.4的Nexus 5设备中关注“{1”}或textarea类型的“text”字段时，不显示对焦环，即使对于分数也不显示第二个：

如果这对您不起作用，那么您可以使用其他一些CSS来阻止CSS规则的应用......