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

【问题标题】：mmenu - plugin: How to change the check button color?mmenu - 插件：如何更改检查按钮的颜色？
【发布时间】：2016-04-26 03:44:54
【问题描述】：

我希望它们更清楚，我覆盖了一些默认值但没有运气。

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

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

以防万一 bicimapuy.herokuapp.com

【问题讨论】：

标签： css mmenu

【解决方案1】：

您似乎正在使用 mmenu 插件。我相信您必须覆盖适当的 SASS 变量才能更改颜色。颜色无法正确显示的原因是它内置显示 0.1 的不透明度。

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

我希望这会有所帮助。

【讨论】：

谢谢，我知道这一点，但我更愿意做一个快捷方式。奇怪的是我可以通过用 !important 覆盖它们来更改切换按钮的颜色和大小。
我忘了说我可以改变颜色，但不是更清楚。
除了这个变量不在列表中..mmenu.frebsite.nl/documentation/custom-css/… 所以我不知道 sass 是否有帮助
试试 .mm-menu label.mm-check:before{ border-color: rgba(235, 255, 237, 1.0) !important;不透明度：0.4！重要； } 您可以更改不透明度以使颜色更强或更弱。
我靠近了，但是当我检查检查按钮时，颜色没有改变。无法区分它是否被选中我尝试使用 .mm-menu label.mm-check:after --或使用 check 属性，但它不起作用。感谢您的帮助

【解决方案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;
}

【讨论】：