css - Laravel 表单中的样式复选框

Question

我正在使用 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 生成上述代码？

score -1 · Accepted Answer

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

创建一个CSS为

.checkbox {}

设置复选框的样式。

1 回答 1