MaterializeCSS 和 Rails Forms 元素 - >隐藏输入

Question

我正在使用rails 7和物化CSS。

当我将collection_select或check_box添加到表单对象(例如form.check_box :active(时，复选框呈现为：<input name="user[active]" type="hidden" value="0" autocomplete="off">

轨道代码：

<%= form.check_box :active %>

我错过了什么？

Answer 1

我最后通过添加来解决它

input[type="checkbox"] {
display: block;
opacity: 1;
/* your style */
}
input[type="checkbox"]:not(:checked) {
display: block;
opacity: 1;
pointer-events: auto;
/* your style */
}
input[type="checkbox"]:checked {
display: block;
opacity: 1;
pointer-events: auto;
/* your style */
}

至application.scss