在 Laravel 4 中为表单设置提交按钮样式
Posted
技术标签:
【中文标题】在 Laravel 4 中为表单设置提交按钮样式【英文标题】:Styling a submit button for a Form in Laravel 4 【发布时间】:2013-07-07 18:58:44 【问题描述】:我正在尝试为 Laravel 4 中的表单设置提交按钮的样式。但是,当我尝试以下操作时,我得到了同样无聊的默认按钮:
Form::submit('Submit', null, array(
'type' => 'button',
'class' => 'btn btn-large btn-primary openbutton',
));
有没有一种特殊的方法可以在表单上下文中设置此类按钮的样式?谢谢。
【问题讨论】:
***.com/questions/17284985/… 【参考方案1】:尝试删除选项数组之前的“null”
Form::submit('Submit', ['class' => 'btn btn-large btn-primary openbutton'])
如果您只是在寻找普通的 html 元素,请尝试
Form::button('Open Image', ['class' => 'btn btn-large btn-primary openbutton'])
【讨论】:
它应该可以工作,我使用Form::submit('Go', array('class' => 'btn'))
,它工作正常。
嗯,它不适合我。知道会发生什么吗?
使用这样的东西可以正常工作: 但我正在尝试使用它表单提交按钮元素
只有提交和按钮吗?
是的,只有提交按钮我才看到这个问题。【参考方案2】:
试试这样的...
Form::submit('Submit', array('class' => 'primary')), Form::reset('Clear', array('class' => 'secondary'))
然后在你的 css 中...
form input[type="submit"], form input[type="reset"]
-moz-border-radius: 5px;
-webkit-border-radius: 5px; border-collapse: separate !important;
border-radius: 5px;
form input.primary[type="submit"]
clear: both;
margin: 20px 10px 0px 10px;
padding: 0px;
border: 0px;
width: 125px;
height: 31px;
background-color: #333333;
text-align: center;
line-height: 31px;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
form input.secondary[type="reset"]
clear: both;
margin: 20px 10px 0px 10px;
padding: 0px;
border: 0px;
width: 125px;
height: 31px;
background-color: #555555;
text-align: center;
line-height: 31px;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
我希望这会有所帮助...
【讨论】:
以上是关于在 Laravel 4 中为表单设置提交按钮样式的主要内容,如果未能解决你的问题,请参考以下文章