data-toggle =“dropdown”color upon Click

  • Z时代
  • 2024-01-10
  • 分类：问答

我想知道在我的导航栏中究竟data-toggle =“dropdown”是什么，看起来主要目的是触摸屏表面，所以当导航链接被点击，菜单保持打开状态，不同于悬停时的菜单。 （请纠正我，如果我错了）到我的基本知识它改变链接到一个活动的链接？data-toggle =“dropdown”color upon Click

因此，根据下面的代码，当我点击导航栏链接是出版物时，它会保持突出显示，我该如何更改此突出显示的颜色？

引导程序中的哪行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>

回答：

我认为，如果你正在寻找的颜色呆着，直到你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>

以上是 data-toggle =“dropdown”color upon Click 的全部内容， 来源链接： utcz.com/qa/262294.html

回到顶部