data-toggle =「dropdown」color upon Click

Question

我想知道在我的導航欄中究竟data-toggle =「dropdown」是什麼，看起來主要目的是觸摸屏表面，所以當導航鏈接被點擊，菜單保持打開狀態，不同於懸停時的菜單。 （請糾正我，如果我錯了）到我的基本知識它改變鏈接到一個活動的鏈接？

因此，根據下面的代碼，當我點擊導航欄鏈接是出版物時，它會保持突出顯示，我該如何更改此突出顯示的顏色？

引導程序中的哪行CSS編輯？

謝謝！

更新：

使用

.dropdown撥動：重點{顏色：紅色;文字修飾：無;}

對自己不工作，我要補充「 ！重要「，否則它不會生效，可能與自舉代碼衝突？此外，我實際上想要做的不是文字顏色，而是背景顏色。使用背景：顏色根本不適用於我。

<li class="dropdown"> 
 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Publications</a> 
 
    <ul class="dropdown-menu"> 
 
    <li><a href="submissions.html">Submissions</a></li> 
 
    <li><a href="news.html">News</a></li> 
 
    <li><a href="coc.html">Code of Conduct</a></li> 
 
    <li><a href="links.html">Useful Links</a></li> 
 
    </ul> 
 
</li>

Answer 1

我認爲，如果你正在尋找的顏色呆着，直到你dropdown是開放的，你應該使用僞focus

.dropdown-toggle:focus { 
    color:red; 
    text-decoration: none; 
} 

如果你正在尋找改變hover，你可以使用下面的代碼。

.dropdown-toggle:hover{ 
    color: green; 
    text-decoration: none; 
} 

你可以在下面的例子中看到。

在hover它​​和focus它red

---

.dropdown-toggle:focus { 
 
    color: red; 
 
    text-decoration: none; 
 
} 
 

 
.dropdown-toggle:hover { 
 
    color: green; 
 
    text-decoration: none; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 
<li class="dropdown"> 
 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Publications</a> 
 
    <ul class="dropdown-menu"> 
 
    <li><a href="submissions.html">Submissions</a></li> 
 
    <li><a href="news.html">News</a></li> 
 
    <li><a href="coc.html">Code of Conduct</a></li> 
 
    <li><a href="links.html">Useful Links</a></li> 
 
    </ul> 
 
</li>