如何從jquery手風琴中刪除活動輪廓？

Question

我正在使用Jquery Accordion。 活動鏈接具有輪廓。 我試過用css：

#accordion a:focus
 { outline: none; }
#accordion a:active 
{outline: none; font-weight:bold;}

並且

#accordion a:-moz-any-link:focus 
{ outline: none; }

這些似乎都不起作用。 任何人都可以建議設置或其他選項刪除活動鏈接周圍的虛線輪廓？

Answer 1

您需要弄清楚窗口小部件正在應用的選項卡元素的類。 例如，

.ui-state-focus { outline: none; }

適用於最新版本的jQuery UI，但在1.6之類的早期版本中，你需要使用它：

.ui-accordion-header {outline: none;}

Answer 2

將其添加到CSS樣式表中，它將處理模糊/焦點輪廓：

#accordion .ui-state-focus{
    outline: none;
}

Answer 3

到目前為止，我只看到過標題標簽。 要刪除它，請添加代碼

h1, h2, h3, h4{outline:none;}

Answer 4

如果你正在使用jQueryUI的Accordion， http：//jqueryui.com/demos/accordion/ ，你應該對這些類型的輪廓沒有問題。 如果你這樣做，你可以做以下事情：

$(".ui-accordion-header a").click(function(){
  $(this).blur();
});

實際上，這種方法幾乎適用於任何手風琴插件 - 只需確保修改選擇器以定位負責擴展/折疊數據面板的鏈接。

Answer 5

當我需要覆蓋jQuery UI元素應用的樣式時，我通常會添加一個樣式表，我在jQuery UI樣式表之后加載並使用相同的選擇器將我的覆蓋放入其中，以便我知道我的樣式將優先。 在這種情況下，查找與手風琴或小部件狀態相關聯的樣式並覆蓋它們。

Answer 6

排序方式：

將css修改為 - ui-state-focus

Answer 7

請務必偶爾按F5 ...並確保您沒有編輯超出您認為的其他文件。