複選框周圍的IE 9虛線

問題IE 9和IE瀏覽器早期IE瀏覽器在我的複選框周圍放置虛線。它似乎想調用發佈textarea和後期輸入添加複選框周圍的邊框，然後調用後輸入焦點和周圍的背景。複選框周圍的IE 9虛線

即使我在後期輸入中放置邊框0px，虛線也不會消失。沒有其他的瀏覽器FF，鉻做到這一點.... 沒有與複選框做.reset段在IE 9檔

圖片：http://i46.tinypic.com/hvqj2g.png

代碼中調用：http://i46.tinypic.com/30ic1f5.png

#post textarea, 
#post input { 
    border:1px solid #ddd; 
} 
#post textarea:focus { 
    outline: none; 
    ie-dummy: expression(this.hideFocus=true); 
    } 
#post input:focus { 
    -moz-box-shadow: 0px 0px 0px 2px #eee ; 
    -webkit-box-shadow: 0px 0px 0px 2px #eee ; 
    box-shadow: 0px 0px 0px 2px #eee ; 
    background: #fefcbe; 
    -webkit-transition: all .5s ease-in-out; 
    -moz-transition: all .5s ease-in-out; 
    transition: all .5s ease-in-out; 
} 

#post input#submit-btn{ 
    background: #eee; 
    color:#444; 
    text-shadow: 1px 1px 1px #fff; 
} 


Any ideas for IE 9?

來源

2012-05-21 user1408704

嘛虛線曠古概要：在沒有輸入後，但其仍然表現得像一個文本框。 – user1408704

-2

嘗試使用一些您的HTML元素中的javascript：

<input onclick="this.blur()" />

來源

2012-05-21 20:16:40

爲什麼人們大多數時間懶得試圖找到一個解決方案，而不使用JS？ – Denees

虛線是「焦點矩形」，具有unfo的可用性功能幸運的是，在瀏覽器中不一致的實現。正如你在評論中所說的那樣，如果你在元素上設置了outline: none，它就會消失;焦點矩形在技術上是由瀏覽器的默認樣式表產生的輪廓。這意味着，除此之外，使用Tab鍵在頁面內移動（可能是因爲他必須）的人將不會在那裏看到任何焦點指示符，即不能看到他在哪裏。

根據IE 9的狀態（怪癖模式與「標準」模式），焦點矩形出現在複選框周圍或相關標籤周圍。上述評論適用於「標準」模式。

根據您的評論，「您的行爲像一個文本框」的問題無法在不知道您的意思和無法訪問代碼的情況下解決。請發佈實際代碼或代碼網址，而不是包含代碼片段圖片的屏幕截圖。

來源

2012-05-22 04:44:46

當我使用Bootstrap.js時，這發生在我爲文本框時。設置「大綱：無」解決了這個問題，謝謝。 – Geethanga

只需確保爲表單的可訪問性和一般可用性添加某種焦點狀態即可。 –

工作對我來說：

element:focus{ 
outline: thin transparent; 
}

來源

2013-04-09 10:36:39 animacoma

複選框周圍的IE 9虛線

回答

相關問題