![](/img/trans.png)
[英]hide caret (text cursor) on contenteditable div in internet explorer
[英]Hide/Remove insertion caret for text-inputs on Internet Explorer(11)
我正在使用 WebdriverIO selenium 測試,我遇到了屏幕截圖比較失敗並且由於插入光標閃爍而導致測試失敗的情況。
對於 Chrome,我通過為我的組件屏幕截圖設置一個按鈕來規避此問題,然后在使用代碼聲明隱藏插入符號的屏幕截圖之前單擊該按鈕
dropdownInput.style.caretColor = "#0000";
但是對於 Internet Explorer 不支持caret-color
屬性,我嘗試使用color: transparent;text-shadow: 0 0 0 #000;
,以及其他幾個示例,但我無法讓它工作。
如果有任何方法可以使用 JavaScript、WebdriverIO API 或一些 npm 包或任何解決方案來解決這個問題,請與我分享,謝謝。
我找到了一種解決方法,通過遵循以下問題來防止硒測試失敗: https : //developer.microsoft.com/en-us/microsoft-edge/platform/issues/10655065/ 。
也就是說,將文本輸入的背景顏色更改為#7F7F7F
,這將隱藏插入符號的可見性。 這不是官方解決方案,因為屏幕截圖將與我使用 react-storybook 的截圖不同,因為這種background-color
,這只是為了避免由於Chrome <54
和Internet Explorer/MS Edge
上閃爍的插入符號而導致測試失敗Internet Explorer/MS Edge
。
我很快會發布一個更好的解決方案。
更新:這是過去,我不知道現在的狀態
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.