下拉菜单boostrap突出显示颜色变化

时间:2016-07-27 20:11:31

标签: css drop-down-menu

我无法改变高亮度/悬空李的背景色。 我有以下代码: P.S:我有自定义字体设置,但这并没有影响任何事情..我猜。 HTML:

<ul class="dropdown-menu" id='settings-content'>
            <li><a href="#"><font>Account Settings</font> <span class="glyphicon glyphicon-user pull-right"></span></a></li>
            <li class="divider"></li>
            <li><a href="#"><font>User Stats</font> <span class="glyphicon glyphicon-stats pull-right"></span></a></li>
            <li class="divider"></li>
            <li><a href="#"><font>Messages</font> <span class="badge pull-right"> 1 </span></a></li>
            <li class="divider"></li>
            <li><a href="#"><font>Groups</font> <span class="glyphicon glyphicon-star pull-right"></span></a></li>
            <li class="divider"></li>
            <li><a href="../Cursed Gods/Auth/exit.php"><font>Sign Out</font> <span class="glyphicon glyphicon-log-out pull-right"></span></a></li>
          </ul> 

          <a class='dropdown-toggle' data-toggle="dropdown" class='dropdown'><div id='settings'></div></a>

CSS:

ul.dropdown-menu {
    border-radius:4px;
    box-shadow:none;
    margin-top:20px;
    width:300px;
    background-color:#424242;
    font-size:20px;
    border-width:2px;
    border-color:black;
}
ul.dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #424242;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 16px;
    z-index: 10;
}
ul.dropdown-menu:after {
    content: "";
    border-bottom: 12px solid #424242;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    right: 14px;
    z-index: 9;
}

#menu-games{
    border-radius:4px;
    box-shadow:none;
    margin-top:20px;
    width:150px;
}
#menu-games:before{
right: 120px;
}
#menu-games:after{
right: 118px;
}

 .dropdown-menu > li> a:hover, .dropdown-menu > a:focus {
            background-image:none ;
 }
 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            background-color:red;
 }

PLZ帮助!!!我看到的所有解决方案&#34; stack&#34;没有工作(((idk是什么问题。

0 个答案:

没有答案