隐藏/删除 Internet Explorer 上文本输入的插入符号 (11)答案

【问题标题】：Hide/Remove insertion caret for text-inputs on Internet Explorer(11)隐藏/删除 Internet Explorer 上文本输入的插入符号 (11)
【发布时间】：2018-07-20 09:22:10
【问题描述】：

我正在使用 WebdriverIO selenium 测试，我遇到了屏幕截图比较失败并且由于插入光标闪烁而导致测试失败的情况。

对于 Chrome，我通过在使用代码隐藏插入符号的屏幕截图之前单击我的组件屏幕截图的按钮来规避此问题

dropdownInput.style.caretColor = "#0000";

但是对于 Intenet explorer 不支持 caret-color 属性，我尝试使用 color: transparent;text-shadow: 0 0 0 #000; 和其他几个示例，但我无法让它工作。

如果有任何方法可以使用 JavaScript、WebdriverIO API 或一些 npm 包或任何解决方案来解决这个问题，请与我分享，谢谢。

【问题讨论】：

标签： javascript css selenium-webdriver textbox webdriver-io

【解决方案1】：

我找到了一种解决方法，可以通过遵循以下问题来防止硒测试失败： https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/10655065/.

也就是说，将文本输入的背景颜色更改为#7F7F7F，这将隐藏插入符号的可见性。这不是官方解决方案，因为background-color 的截图与我使用 react-storybook 的截图不同，这只是为了避免由于Chrome <54 和 Internet Explorer/MS Edge 上的插入插入符号闪烁而导致测试失败.

我会尽快发布一个更好的解决方案。

更新：这是过去，我不知道现在的状态

【讨论】：