Form::submit 中的按钮样式

Question

在标准方法中，我的表单中的提交按钮是

<button class="btn waves-effect waves-light center signup_btn" type="submit">
    Submit
    <i class="mdi-content-send right"></i>
</button>

我正在使用 materialize.css 现在我如何使用 Illuminate\Html 包

的 FormBuilder 实现相同的 UI

{!! Form::submit('Submit',['class' => 'btn waves-effect waves-light center signup_btn' ]) !!}

但这并不能正确呈现按钮。 "waves-effect" class 导致 class 的其余部分应用于 <i> 标记。如何解决这个问题？

Answer 1

所以有人帮我解决了 gitter forum...

虽然这可能不是正确的解决方法，但这绝对可以解决问题。

{!! Form::button('<span class="mdi-content-send right"></span> Submit', array('class'=>'btn waves-effect waves-light center signup_btn', 'type'=>'submit')) !!}

需要对 span 应用一些填充，以便提交和图标有点分开。

Form::submit 中的按钮样式

Styling a button in the Form::submit

html

css

php

materialize

laravel-5