如何刪除大綱中出現的點擊Bootstrap UI手風琴

我正在嘗試使用angular-ui bootstrap手風琴在標題內部保存引導程序表。當用戶點擊手風琴標題並打開時，會出現一個奇怪的輪廓。它看起來像這樣（圍繞「有些標題爲」淡藍色的矩形）： enter image description here 如何刪除大綱中出現的點擊Bootstrap UI手風琴

我的理解是因爲我用了<div>，但我怎麼能消除這種行爲？

的代碼是：

<accordion close-others="true"> 
    <accordion-group> 
    <accordion-heading> 
     <div>Some title</div> 
    </accordion-heading> 
    Text 
    </accordion-group> 
    <accordion-group> 
    <accordion-heading> 
     <div>Another title</div> 
    </accordion-heading> 
    </accordion-group> 
</accordion>

來源

2015-05-14 etaiso

一個小提琴會很有幫助。 – kishan

這條藍線是您的用戶焦點。它不是你真正想要移除的東西。你可以將它作爲目標：focus – Andrew

試試這個

.accordion-heading:focus{outline:0;border:none;}

來源

2015-05-14 12:17:32 Vicky

它沒有工作..我發現'html * {outline：0！important;}'完成了這項工作，但必須有更優雅的方式。需要爲此找到確切的CSS選擇器。 – etaiso

html * {outline：0！important;}這也是工作。 – Vicky

這就是我所說的，但我認爲這不是一個壞習慣，因爲它會覆蓋所有類別 – etaiso

與嘗試：

accordion * {outline: 0 !important;}

修改etaiso評論

來源

2015-05-27 17:44:35 r1ckr

嘗試添加類的標題DIV中，如：

<div class="title-div">

然後在CSS中，嘗試：

.title-div:focus {outline: 0 !important;}

來源

2015-08-25 08:56:19

輪廓添加到panel-heading panel-title <a> tag，具有.accordion-toggle類。所以，爲了避免*包羅萬象的選擇，你可以這樣做：

.accordion-toggle:focus{outline: none;}

有了這個解決方案沒有必要對重要的是（so you'll respect the devs who come after you）。

outline是一個簡寫屬性，它僅要求值是outline-style。在這種情況下，我將outline-style設置爲none。

This is a great article解釋的特殊性，如果你不相信！重要，因此應該避免所有，但一對夫婦的案件。

來源

2016-01-14 14:04:56 lukkea

試試這個它爲我工作

.ng-scope .accordion-toggle { outline: 0 !important;}

來源

2016-10-17 06:21:58

試試這個：

.accordion-toggle:hover, .accordion-toggle:focus, .accordion-toggle:active{ 

    text-decoration: none; 
    outline-style: none; 
}

來源

2017-06-20 14:08:18

您能否爲您的示例提供一些解釋？ – mhatch

100％的工作將是：

a:focus, a:hover { 
 
    color: #23527c; 
 
    text-decoration: none; 
 
}

來源

2017-07-03 06:03:15

如何刪除大綱中出現的點擊Bootstrap UI手風琴

回答

相關問題