隐藏通过叠加元素显示的文本输入光标（插入符号） Internet Explorer

Question

我有一个带有特殊小部件的表单，用于填写文本输入。当文本输入具有焦点时，小部件出现在文本输入上方（故意在其上方）并且用户单击其中的选项，完成后它消失并填充输入。在 IE 中存在一个问题，当小部件出现在输入上方时，该字段的插入符号（该字段的闪烁文本输入光标）通过小部件显示。小部件是一个普通的 html/css dom 结构。当我将小部件的 z-index 设置在文本输入上方时，它仍然会这样做。我怎样才能摆脱插入符号或确保它不会发光？ 我不想在小部件显示期间将焦点设置在其他地方，因为小部件要求输入具有焦点。

Answer 1

尝试在显示小部件时将unselectable 属性设置为on，然后在最后设置为off。这是一个 IE 特定的属性，如果它有效，你应该在 IE 8 中检查它，因为我不确定它是否仍然受支持。

Answer 2

在我看来，该字段上的简单blur 或小部件中某个字段上的focus 可以解决您的问题。