如何更改打开的Bootstrap移动切换的颜色

Question

打开小节菜单时（在移动视图中），我需要更改图标颜色。我正在使用Foundry theme。

菜单看起来就是这样：

当我打开菜单时，由于白色，图标会消失：

我也尝试了this个建议，但它对我不起作用。

这是font awesome menu icon的代码：

<nav>
...
    <div class="module widget-handle mobile-toggle right visible-sm visible-xs absolute-xs">
        <i class="icon fa fa-bars"></i>
    </div>
</nav>

Answer 1

首先我要在i标签上添加一个id：

<i class="icon fa fa-bars" id="burger"></i>

然后我会在我的.js文件中使用一个函数来改变用户的汉堡颜色 点击它：

const burger = document.getElementById('burger');
burger.addEventListener('click', () => {
    burger.style.color = 'green';
});