Скрытие курсора ввода текста (каретки), показывающего через наложенные элементы Internet Explorer

Question

У меня есть форма со специальным виджетом, который заполняет текстовый ввод. Когда ввод текста имеет фокус, виджет появляется над вводом текста (намеренно над ним), и пользователь нажимает на параметры в нем, когда они завершены, он исчезает и заполняет ввод. Существует проблема с этим в IE, когда виджет появляется над вводом, каретка поля (мигающий курсор ввода текста для поля) отображается через виджет. Виджет - это обычная структура html / css dom. Это все еще происходит, когда я устанавливаю z-index для виджета выше текстового ввода. Как я могу избавиться от каретки или сделать так, чтобы она не просвечивала? Я не хочу устанавливать фокус в другом месте на время отображения виджета, потому что виджет требует, чтобы у ввода был фокус.

Answer 1

Попробуйте установить атрибут unselectable на on во время отображения виджета, а затем на off в конце. Это специфический атрибут IE, и если он работает, вы должны проверить его в IE 8, так как я не уверен, поддерживается ли он по-прежнему.

Answer 2

Мне кажется, что простая blur в этом поле или focus в поле в виджете решит вашу проблему.