MaterializeCSS 和 Rails 表单元素 -> 隐藏输入

【问题标题】：MaterializeCSS and Rails Forms elements -> hidden inputsMaterializeCSS 和 Rails 表单元素 -> 隐藏输入
【发布时间】：2022-09-23 01:24:09
【问题描述】：

我正在使用 rails 7 和 materializeCSS。

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

导轨代码：

<%= form.check_box :active %>

我错过了什么？

标签： ruby-on-rails materialize

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

【讨论】：