Question

我有一个文本输入，我想隐藏它的闪烁光标。

我找到了一个在FireFox和Chrome中运行良好的解决方案（将颜色设置为透明）但是这个解决方案在IE中不起作用。

有解决方案吗？

<input type="text" value="dummydummydummy" tabindex="-1" id='test' style="cursor: none;color: transparent; width: 0px; height: 0px; background-color:transparent; border:solid transparent 1px; outline: none; position: absolute; z-index: 2000"/>

此外，不想要在输入获得焦点后立即模糊控件。因为我需要控制重点。

注意：我在IE8中测试

Answer 1

您可以放置一个按钮，使该文本域可以聚焦（闪烁）。

使用JQuery：

$('#test').on("focus",blurMe);
var focusable = false;

function blurMe(){
    $(this).blur();
}

$('#swapper').click(function(){
    if(focusable){
        $('#test').on("focus",blurMe);
        focusable = false;
    }else{
        $('#test').off("focus",blurMe);
        focusable = true;
    }   
});

和html：

<input type="text" value="dummydummydummy" tabindex="-1" id='test' style="cursor: none;color: transparent; width: 0px; height: 0px; background-color:transparent; border:solid transparent 1px; outline: none; position: absolute; z-index: 2000"/>
<input type="button" id="swapper">

如何在Internet Explorer中隐藏来自HTML文本输入的闪烁光标？

1 个答案: