问答详情
源自:5-6 下拉菜单(菜单项状态)

下拉背景怎么改为黑色?

下拉背景怎么改为黑色?

提问者:小葱哥哥 2017-12-19 15:00

个回答

  • 飘_JimmyLee
    2017-12-19 15:53:03
    已采纳

    ul 标签加 style="background-color:black;"

  • web_東
    2018-07-23 00:23:02

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


  • 慕工程0057670
    2018-01-27 16:09:18

    .dropdown-menu{background-color:#202020;}

    .dropdown-menu >li >a{color:#FFF;}

    .dropdown-menu >li >a:focus{background-color:#000;color:#FFFFFF}

    bootstrap下拉背景为黑色,选项字体为白色,点击时选项背景加深


  • 之琪
    2017-12-19 15:57:43

    .dropdown-menu{

            background-color:#000;

        }