Laravel 表单中的样式复选框答案

【问题标题】：Styling Checkbox in Laravel FormLaravel 表单中的样式复选框
【发布时间】：2015-10-16 18:24:00
【问题描述】：

我正在使用 Laravel Forms 包来生成表单元素。我正在使用 Bootstrap Material 设计库来获得闪亮的元素。

对于复选框，我无法获得所需的样式。它显示一个没有任何材料设计风格的普通复选框。

下面是我在 Laravel 视图中的代码。

{!! Form::checkbox('remember', 1, null, ['id'=>'remember', 'class' => 'checkbox']) !!}
{!! Form::label('remember', 'Remember me') !!}

如果我使用直接 HTML 代码，而不是上面的代码，它可以工作。下面是按预期工作的代码。

  <div class="checkbox">
    <label>
      <input name="remember" type="checkbox"> Remember me
    </label>
  </div>

如何使用 Laravel Forms 生成上述代码？

【问题讨论】：

代码渲染了什么？
如前所述，它呈现了一个没有任何材料设计风格的标准 chckbox。
好的，我运行了你的代码，我收到了应用了 CSS 的复选框。这很奇怪。
您是指 Form::checkbox() 代码还是带有 Material Design 库的底部 HTML 代码？
Form::checkbox() 代码返回 <input id="remember" class="checkbox" name="remember" type="checkbox" value="1">。

【解决方案1】：

复选框的样式在input[type="checkbox"] 上，而不是在复选框类中。

创建一个CSS为

.checkbox {}

为复选框设置样式。

【讨论】：