我无法改变高亮度/悬空李的背景色。 我有以下代码: 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是什么问题。