Question

我试图了解究竟是什么数据切换=＆＃34;下拉＆＃34;在我的导航栏中，似乎主要目的是触摸屏表面，因此当单击导航链接时，菜单保持打开状态，与悬停时的菜单不同。（请纠正我，如果我错了）我的基本知识会改变链接到活动链接吗？

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

我编辑引导程序中的哪一行CSS？

谢谢！

更新

使用

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

它本身并不起作用，我必须添加“重要的”＃39;到该行，否则它不会生效，可能与引导程序代码冲突？而且，我实际上要做的不是文字颜色而是背景颜色。使用背景：颜色对我来说根本不起作用。

＆＃13;

<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>

＆＃13;

Answer 1

我认为，如果您要求在dropdown打开之前留下颜色，则应使用伪focus

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

如果您希望更改hover，可以使用以下代码进行更改。

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

您可以在下面的示例中看到。

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

＆＃13;

<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>

＆＃13;

UITextField

＆＃13;

数据肘节=＆＃34;下拉＆＃34;点击后的颜色

1 个答案: