回答
它的醜陋,而且還有最IE修復。
a:focus, *:focus {
noFocusLine: expression(this.onFocus=this.blur());
}
您可以使用此代碼做到這一點:
a:focus{
border: none;
}
@maanu - 來吧,爲什麼接受這個答案?這甚至沒有工作!您感興趣的房產是大綱,而不是邊界。在IE中試試這個:http://jsfiddle.net/dLVyK/10/ =仍然看到outline =不工作。 – darma 2012-08-17 18:29:00
@Zendy我讚賞你的努力,但不幸的是你的靈魂不適合我。在windows xp上運行時遇到了一個IE問題,它只能通過這個hack代碼修復:noFocusLine:xpression(this。onFocus = this.blur());'這就是爲什麼接受正確的答案 – Muhammed 2014-08-15 15:50:21
@darma這是什麼exactely幫助我作爲解決方案http://www.cssjunction.com/css/remove-dotted-border-in-ie7/ – Muhammed 2014-08-15 15:51:41
嘗試設置outline property:
a {
outline: 0;
}
這會做的伎倆
a {
outline:0;
}
您可以預設會這樣:
:focus{
outline:0; /*removes the dotted border*/
}
但要記住(可訪問性原因)來設定在您的CSS文件中將「稍後」樣式設置爲更明顯的樣式。例如:
a:focus, a:active{
color:#ff5500; /*different color than regular*/
}
input[type=submit]:focus, input[type=submit]:active{
background-color:#444; /*different color than regular*/
}
首先,我可以看到您的一個標籤是IE7-bug
,而這實際上更像是一個功能。使用這種虛線outline
的目的是使用戶能夠使用鼠標滾輪或tab
鍵在各種控件之間導航。
在任何情況下,要定義元素「聚焦」時的樣式,請使用CSS :focus
選擇器。風格這個大綱的財產,一般,outline
; outline: 0
將防止焦點輪廓出現。
注:您可能希望應用該規則只在您的按鈕,而不是在所有的元素,因爲有些用戶可能是看慣的東西來表示焦點,這使得它更容易使用上面提到的方法導航。
希望能以任何方式提供幫助。
這也將工作
a { outline-style:none; }
此規則應用於輸入
input { outline : none ; }
CSS outline
不IE7支持。這種「瀏覽器」需要以下CSS表達式:
a {
_noFocusLine: expression(this.hideFocus=true);
}
它的工作原理也較新版本。
謝謝你回答 – Muhammed 2014-03-05 22:02:32
試試這個
a:hover, a:active, a:focus {
outline: 0;
}
這是各地的代碼刪除outerline,並在您的CSS下所需的類名。 (的className在IE瀏覽器。) 示例標籤
a{
_noFocusLine:expression(this.hideFocus=true);
outline-style:none;
outline:0;
}
示例在HTML頁面中的所有標籤!
*{
_noFocusLine:expression(this.hideFocus=true);
outline-style:none;
outline:0;
}
舉例在你的HTML頁面類myClassName標籤!
.myClassName{
_noFocusLine:expression(this.hideFocus=true);
outline-style:none;
outline:0;
}
示例在HTML頁面中ID爲myidName標籤!
#myidName{
_noFocusLine:expression(this.hideFocus=true);
outline-style:none;
outline:0;
}
希望這有助於在主流瀏覽器,如果沒有他們那麼老那麼有多少人仍然在使用這種舊的瀏覽器的機會!
說明:outline:none 0;
也適用於較新的瀏覽器,但不是全部。但outline:0;
是普遍的,在那些瀏覽器中不理解「無」,你會得到默認值,但0在所有瀏覽器中都理解使用這個大綱:。 你需要這個用於IE7 _noFocusLine:expression(this.hideFocus=true);
或使用Javascript的休息!
window.document.getElementById("myidName").blur();
window.document.getElementById("myidName").hideFocus=true;
window.document.getElementById("myidName").style.outline=0;
或
Obj=window.document.getElementById("myidName");
Obj.blur();
Obj.hideFocus=true;
Obj.style.outline=0;
或檢查,如果組件中存在!
if (window.document.getElementById("myidName")){
Obj=window.document.getElementById("myidName");
Obj.blur();
Obj.hideFocus=true;
Obj.style.outline=0;
}
JavaScript可以做的IE6和IE7和其他CSS的技巧can't!
- 1. 按鈕周圍的虛線邊框
- 2. 如何刪除Firefox 4中圍繞Silverlight 4的虛線邊框?
- 3. 刪除Qt中QLabel周圍的邊框
- 4. ie6和ie7刪除圖像精靈周圍的邊框
- 5. 刪除小部件周圍的虛線
- 6. 如何刪除IE7中的iframe邊框?
- 7. 刪除標題欄周圍的邊框
- 8. 如何刪除Firefox中的按鈕周圍的藍色邊框?
- 9. 如何去除html和css中元素周圍的邊框線?
- 10. 如何刪除我的圖像周圍的邊框?
- 11. CSS3:如何刪除柔性容器周圍的白色邊框?
- 12. 如何刪除工具欄周圍的邊框?
- 13. 如何刪除nivo滑塊周圍的邊框
- 14. 如何刪除按鈕周圍的邊框?
- 15. 如何刪除GtkButton周圍的「選定」邊框?
- 16. Firefox - 刪除無線按鈕周圍的虛線
- 17. WPF:刪除樣式化列表框中焦點項目周圍的虛線邊框
- 18. 如何刪除the_attachment_link圖像周圍的鏈接在WordPress
- 19. 在UIAlertController中刪除填充和textField周圍的邊框
- 20. 如何在添加邊距後刪除工具欄周圍的額外邊框?
- 21. 刪除GridView周圍的邊界空間
- 22. 如何刪除鏈接周圍的虛線。我不想使用大綱:0或沒有屬性
- 23. 如何刪除輪廓虛線邊框使用CSS
- 24. 如何在點擊時刪除「虛線邊框」?
- 25. 如何刪除JavaFX中的超鏈接邊框?
- 26. 如何虛線邊框
- 27. 如何刪除ExtJS中摺疊標題周圍的邊距
- 28. 如何擺脫周圍的邊框和圖像作爲Firefox中的鏈接?
- 29. 刪除圖像周圍的黑色邊框
- 30. 刪除菜單項周圍的薄邊框
這是重點標記。它告訴那些沒有使用鼠標/軌跡球/等的人來瀏覽他們在文檔中的位置。除非用更明顯的東西替換它,否則不要移除它。 – Quentin 2012-08-17 14:17:31
如果您告訴我們您到目前爲止嘗試過的方法以及爲什麼它不起作用,它會有所幫助。這樣我們可以幫助你更好/更快! – Jeroen 2012-08-17 14:18:12