如何在IE中關注HTML複選框，使其獲得突出顯示

我在編程上遇到了一些麻煩，導致HTML複選框對象在獲得焦點後突出顯示。以下是我正在使用的代碼的一個簡單示例：如何在IE中關注HTML複選框，使其獲得突出顯示

<script type="text/javascript"> 
    function doIt(){ 
     document.getElementById("theCheckbox").focus(); 
    } 
</script> 

<input type="button" onClick="doIt()" value="Push Me"> 
<br/> 
<input type="checkbox" id="theCheckbox">

單擊「推送我」按鈕可使該複選框獲得焦點。我知道這是因爲如果點擊按鈕後點擊空格鍵，複選框就會被選中。但是，這個複選框沒有任何亮點。我在說的突出顯示的類型似乎在IE自然在以下情況下工作...

按下Tab鍵直到「推我」按鈕被勾勒出一條虛線。現在再次點擊「推我」按鈕。複選框應該用虛線標出，我試圖以編程方式創建（而不必先通過按Tab鍵搞亂）。

所期望的效果，我只能似乎用Tab鍵後搞亂來實現圖片：

highlighted checkbox image

這是所有在IE7完成。

來源

2009-09-21 Ross

我試圖複製這個錯誤，我能，但我也注意到了別的東西。

如果我第一個選項卡選擇的頁面（即，不一定是複選框）和然後上任何元件單擊按鈕，所述高亮焦點和預期一樣。

這真的讓我相信這是一個瀏覽器問題，你可能無法解決。

來源

2009-09-21 21:51:20

這就提出了問題，任何方式我可以模擬IE7中的選項卡選擇操作？ – Ross 2009-09-21 23:14:49

您可能會看到的是不同的瀏覽器實現了複選框在焦點時如何突出顯示。

你指的是哪個特定的瀏覽器？

在FireFox，突出顯示的複選框有一個微弱的橙色邊框和一條非常微弱的虛線。

IE6似乎沒有指示何時複選框有焦點，只有當你把鼠標懸停在它上面，你會得到一個視覺提示，它是可檢查的（輕微的橙色邊框）。

來源

2009-09-21 21:37:05

上面所做的一切都是IE7，它支持某種形式的複選框輪廓（如SS所示）。我必須仔細檢查我們應該正式支持哪個IE。如果是IE6，也許這不是我需要擔心的事情。 – Ross 2009-09-21 23:13:52

我沒有IE7，但試試這個...（在IE6的作品與葡萄酒運行）

<script type="text/javascript"> 
    function doIt(){ 
     document.getElementById("theButton").blur(); 
     document.getElementById("theCheckbox").focus(); 
    } 
</script> 

<input type="button" id="theButton" onClick="doIt()" value="Push Me"> 
<br/> 
<input type="checkbox" id="theCheckbox">

來源

2009-09-21 21:44:49 Peter

@Pedro - 必須是葡萄酒，調用巴頓之前的焦點仍然沒有產生焦點視覺提示在IE 6 – 2009-09-21 21:53:13

在葡萄酒上，我得到了點... – Peter 2009-09-21 21:58:42

看看這個截圖：http://img503.imageshack.us/ img503/9458/pantallazo1m.png – Peter 2009-09-21 22:01:22

如何在IE中關注HTML複選框，使其獲得突出顯示

回答

相關問題