我想刪除這條邊界橙色標籤邊界：的jQuery UI - 刪除焦點

enter image description here

而且由於只對焦點顯示它，我無法找到使用Chrome控制檯覆蓋哪一類。

有沒有人這樣做，並知道我應該覆蓋什麼類？

編輯：我想這是標準的行爲和here你可以看到這個例子。我也在使用Chrome。

2012-12-12 gotqn

這是您的瀏覽器的行爲與css無關，通過在Firefox中打開進行檢查 –

@rajeshkakawat firefox不顯示輪廓，但ie和chrome做。這裏是一個例子http://jsfiddle.net/axrwkr/4F6z6/刪除li {outline-color：transparent; }從css標籤查看chrome中的差異，即 – 2012-12-12 12:44:05

li a 
{ 
    outline-color: transparent; 
}

來源

2012-12-12 11:18:45

原來你的回答是正確的。 +1 –

+1這解決了這個問題。謝謝。 – gotqn

對於jquery-ui範圍，我使用了'.ui-state-focus {outline-color：transparent}' – Rachael

您可以覆蓋ui-state-focus和ui-state-active css類。

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

.ui-state-active { 
    border: none; 
    outline: none; 
}

在jQuery的UI標籤首要ui-state-active的情況下應該是足夠的。

更新：在你的情況下，這不是ui-state-active類，而是webkit中的常規錨點輪廓。我已經更新您的提琴：http://jsfiddle.net/ukPW6/4/

來源

2012-12-12 11:43:20

這似乎並不適用於ie9或chrome，這是什麼瀏覽器？ – 2012-12-12 12:40:51

所有的瀏覽器。只要確保在包含jQuery UI css之後覆蓋它，而不是之前。你可以在jQuery-UI的CSS中找到它。每個組件的部分用調試版本中的註釋分開。 –

我試過了，它似乎沒有什麼區別，也許它需要！重要的或者可能是關於jsfiddle的一些東西阻止它工作，看看http://jsfiddle.net/axrwkr/ukPW6/ – 2012-12-12 12:48:07

快速的解決方案：

如果要影響實際的.ui成分的溶液。

.ui-state-active a, .ui-state-hover a { 
    outline: none; 
}

什麼區別是匿名和康斯坦丁·D的答案之間？

匿名正確地將「li標籤」內的實際「a標籤」作爲目標。永遠記住，那個tabs（）;在未排序的列表中使用「標籤」。實際顯示選項卡導航。

例：

CSS太影響李輪廓：在HTML一個標籤

.ui-state-active a, .ui-state-hover a { 
    outline: none; 
}

火了jQuery UI選項卡插件

$('#my-tabs').tabs();

標籤標記

<div id="my-tabs"> <ul> <li><a href="#tab-1">Tab 1</a></li> <li><a href="#tab-2">Tab 1</a></li> </ul> <div id="tab-1"></div> <div id="tab-2"></div> </div>

來源

2013-03-26 01:27:24

我喜歡丹尼爾的解決方案，我只是將它添加到它：當你點擊不同的標籤

.ui-state-active a, .ui-state-hover a, .ui-state-visited a, .ui-state-focus a { 
    outline: none; 
}

的.ui-state-visited a & .ui-state-focus a停止它顯示在大綱/你的鼠標離開懸停區域

來源

2013-07-03 17:21:37 Pixelomo

我的答案是以上所有答案的搭配簡單和短期使用以下

.ui-tabs .ui-tabs-nav li a { 
    outline:none; 
}

來源

2013-08-03 18:01:30 anonymous

完美。簡短，甜蜜，清晰，並立即工作。 – clearlight

接受的答案在Firefox中可用，但我在Mac上的Chrome中遇到了問題。
大綱樣式屬性似乎爲我解決了這個問題。

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

來源

2013-08-28 18:47:49 jsh

嗨@jsh，謝謝你添加這個。我從來沒有在Mac上進行測試。 – gotqn

如果上述解決方案仍然不能正常工作，那麼它是由box-shadow屬性引起的。試試這個：

.ui-state-focus:focus, .ui-state-focus, li a { 
    box-shadow:none; 
}

來源

2015-09-14 06:14:29 KeepMove

我面臨同樣的問題。 jQuery mobile在運行時應用類，我嘗試了上面的解決方案，但它沒有爲我工作，然後我刪除ui-shadow class表<div data-role="navbar" class="ui-corner-all"> 滿足我的要求。

來源

2016-06-16 11:21:34

的jQuery UI - 刪除焦點

回答

快速的解決方案：

例：

相關問題