下拉背景怎么改为黑色?
ul 标签加 style="background-color:black;"
<script>
// 鼠标移入移出改变下拉菜单的背景色
(function mouse() {
$("li").mouseenter(function () {
$(this).css("background-color","blue").siblings().css("background-color","#fff ");
});
$("li").mouseleave(function () {
$("li").css("background","white");
})
})();
// 鼠标离开隐藏下拉菜单
$(".dropdown-menu").mouseleave(function () {
$(this).slideUp();
});
// 鼠标点击按钮再次显示下拉菜单
$(".btn").on("click",function () {
$(".dropdown-menu").slideDown();
});
// 弹出被点击的li菜单的文本内容
$("li").click(function () {
alert($(this).html());
})
</script>.dropdown-menu{background-color:#202020;}
.dropdown-menu >li >a{color:#FFF;}
.dropdown-menu >li >a:focus{background-color:#000;color:#FFFFFF}
bootstrap下拉背景为黑色,选项字体为白色,点击时选项背景加深
.dropdown-menu{
background-color:#000;
}