javascript - 汉堡按钮颜色不变

Question

我如何在 css 上更改汉堡菜单的颜色。这是我的尝试

.hamburger-inner{
    background-color: white;
}




body{
  background-color: red;
}

<link href="https://cdn.rawgit.com/jonsuh/hamburgers/0aedeec9/dist/hamburgers.css" rel="stylesheet">



 <button class="hamburger hamburger--emphatic is-active" type="button" id="clickme">
                                <span class="hamburger-box">
                                    <span class="hamburger-inner"></span>
                                </span>
                            </button>

我正在尝试将颜色从黑色更改为白色。任何建议。

Answer 1

使用以下 CSS 更改颜色

    .hamburger-box .hamburger-inner,
    .hamburger-box .hamburger-inner::before,
    .hamburger-box .hamburger-inner::after {
        background-color: white;
    }

.hamburger-box .hamburger-inner,
.hamburger-box .hamburger-inner::before,
.hamburger-box .hamburger-inner::after {
  background-color: white;
}

body {
  background-color: red;
}

<link href="https://cdn.rawgit.com/jonsuh/hamburgers/0aedeec9/dist/hamburgers.css" rel="stylesheet">



<button class="hamburger hamburger--emphatic is-active" type="button" id="clickme">
                                <span class="hamburger-box">
                                    <span class="hamburger-inner"></span>
                                </span>
                            </button>