IBM Worklight 6.1 - 禁用橙色輪廓突出顯示焦點不起作用

我正在使用一個文本框和一個textarea在worklight 6.1中開發移動應用程序。我需要刪除焦點在Android設備上的橙色輪廓hightlight所以我已經嘗試了所有這是寫在代碼：Disable orange outline highlight on focus」IBM Worklight 6.1 - 禁用橙色輪廓突出顯示焦點不起作用

在IBM工作燈6.0本作品：

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

我曾嘗試在IBM工作燈6.1相同的代碼，但它不工作

這是我的HTML代碼：

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

的hightlight出現s的分數6.1中的第二個。

添加下面的代碼，這是我得到相同的輸出由@Ilya給出的答案後：

enter image description here

來源

2014-02-13 Karthik Sivakumar

什麼是Android操作系統版本？ –

@Idan Adar Android 4.4.2 –

我們在談論哪個HTML小部件？只有文本字段？ –

這是工作代碼。使用IBM Worklight 6.0在設備[Samsung S Duos，Sony Xperia M & Samsung Tab II]中測試6.0 & 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; 
}

來源

2014-02-13 10:25:46 dhineshsundar

需要注重輸入前關閉輪廓

textarea, input{ 
    outline: none !important; 
}

來源

2014-02-13 07:56:38 Ilya

+1這個答案。 –

@IdanAdar，我也試過這個，但結果是一樣的。 –

我不同意，我在Worklight 6.1中創建了一個帶有textarea和文本字段的新應用程序，應用上述CSS規則使橙色突出顯示消失。在運行Android OS 4.4.x的Nexus 5設備上進行測試。無論如何，這與Worklight無關，但與Android和CSS無關。 –

參見基於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 */ 
}

當關注無論是textarea或類型「文本」的中運行Android OS V4.4是Nexus 5裝置的input字段中，聚焦環是沒有顯示出來，甚至沒有一秒鐘的一小部分：

enter image description here

如果這不是爲你工作，那麼你必須應用一些其他的CSS從CSS規則防止...

來源

2014-02-13 09:18:22

我已經下載了你共享的項目[在Android中禁用聚焦環]。我將其導入工作區，並使用三星S Duos，索尼Xperia M和三星Tab II進行測試，但結果相同。這可能是Worklight Studio Developer版本6.1的一個問題嗎？ – dhineshsundar

不可以，因爲這是CSS，Worklight不是CSS的實現者。這與特定設備有關。正如你所看到的，Nexus 5可以正常工作。我沒有你列出的設備，所以我無法測試它們。你確定你不是指PASSWORD輸入字段嗎？ –

@IdanAdar該問題明確表示輪廓出現在輸入字段的焦點期間。您如何期望沒有'：focus'的css代碼正常工作。我已經下載你的測試，因爲我很驚訝地看到你的代碼。但不幸的是，它不適合我。你有沒有在正常時間突出顯示。 –

IBM Worklight 6.1 - 禁用橙色輪廓突出顯示焦點不起作用

回答

相關問題