mmenu - 插件：如何更改检查按钮颜色？

Question

我希望它们更清晰，我在没有运气的情况下覆盖了一些默认值。

.mm-menu label.mm-check:before {
  border-color: rgba(235, 255, 237, 1.0) !important; } 

它们在智能手机中几乎不会引人注目。 我可以用这种方式设置另一个值（覆盖它们）并且它们完美地工作。我很欣赏有关如何调整它的任何建议。 感谢

以防万一bicimapuy.herokuapp.com

Answer 1

看起来您正在使用mmenu插件。我相信你必须覆盖适当的SASS变量才能改变颜色。颜色没有正确显示的原因是因为它内置了0.1不透明度。

请查看http://mmenu.frebsite.nl/documentation/custom-css/override-variables.html以了解如何操作。

我希望这会有所帮助。

Answer 2

这是解决方案，希望它可以帮助其他人

/* default state */
label.mm-check:before {
   border-color: blue !important;
   opacity: 1 !important;
}

/* checked state */
input.mm-check:checked ~ label.mm-check:before {
   border-color: pink !important;
   opacity: 1 !important;
}