2014-03-05 75 views
1

我有一個文本輸入,我想隱藏它的閃爍光標。如何隱藏Internet Explorer中HTML文本輸入的閃爍光標?

我發現了一個在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

+0

'IE8' urghhhhh !! – zzlalani

+0

:(這是我實現這個要求的瀏覽器:( –

+0

退房的http:/ /www.dynamicdrive.com/forums/showthread.php?17450-Emulating-a-terminal-like-caret-with-javascript-and-css – Dutts

回答

0

你可以把一個按鈕,使該文本框可聚焦(有閃爍)或沒有。

使用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"> 
相關問題