小葱哥哥
2017-12-19 15:00
下拉背景怎么改为黑色?
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;
}
玩转Bootstrap(基础)
314544 学习 · 2275 问题
相似问题