2011-11-14 71 views
1

有沒有辦法在用戶單擊鏈接時刪除鏈接的輪廓。這是一個CSS問題或一個jQuery刪除css邊界框概要

<ul> 
    <li><a href="#">Click Me</a></li> 
</ul> 

我的代碼創建標籤,當用戶點擊我得到的鏈接

+0

嘗試'

  • Click Me
  • ' –

    +0

    這是因爲該項目具有 「焦點訪談」 的支持。我相信大多數瀏覽器對待它的方式不同,它不是標準的CSS功能。所以你可能需要做很多事情,如果它真的很重要,如點擊後失去焦點,如上所述的無效等等。 –

    +0

    @KDM:你使用outline屬性還是圍繞鏈接? –

    回答

    1

    的輪廓的邊界框的標籤,除了它的工作原理這是一個CSS問題有關「綱要」 屬性:

    <style type="text/css"> 
        a{ outline: 0 none; } 
    </style> 
    

    如果你只是想刪除上點擊大綱:

    <style type="text/css"> 
        a:focus, a:active{ outline: 0 none; } 
    </style> 
    
    +0

    點擊鏈接時是否要求刪除輪廓? –

    +0

    OP的標題是:「刪除css邊界框大綱」。我同意他的陳述可以被解釋爲「只在點擊時刪除它」,但根據我使用jQuery選項卡的經驗,您不需要大綱,因爲包含div實際上定義了UI「外觀和感覺「標籤本身。 – streetlogics

    4

    它可以用CSS來實現,沒有被廣泛使用,雖然outline:none

    嘗試

    li a:focus{ 
        outline:none 
    } 
    
    +0

    我試過了,它似乎不能可靠地工作。你有一個小提琴的例子嗎? –

    +0

    @JamesJohnson,你的意思是什麼,似乎無法可靠地工作?,一個例子可能是使用FF3,並使用OP發佈的片段和上面發佈的CSS。 – david

    +0

    是的,我試過了,它看起來很時髦。你確定OP使用'outline'嗎? –