Tạo kiểu một nút gửi cho một Form trong Laravel 4

Question

tôi đang cố gắng để tạo kiểu một nút gửi cho một hình thức trong Laravel 4. Tuy nhiên, khi tôi thử những điều sau đây, tôi nhận được nút mặc định nhàm chán cũ:

{{Form::submit('Submit', null, array(
'type' => 'button', 
'class' => 'btn btn-large btn-primary openbutton', 
));}} 

Có cách nào đặc biệt để tạo kiểu nút này trong ngữ cảnh biểu mẫu không? Cảm ơn bạn.

Answer 1

Hãy thử loại bỏ 'null' trước các tùy chọn mảng

{{Form::submit('Submit', ['class' => 'btn btn-large btn-primary openbutton'])}} 

Nếu bạn chỉ là tìm kiếm một yếu tố html bình thường cố gắng

{{Form::button('Open Image', ['class' => 'btn btn-large btn-primary openbutton'])}} 

Answer 2

Hãy thử một cái gì đó như thế này ...

{{ Form::submit('Submit', array('class' => 'primary')), Form::reset('Clear', array('class' => 'secondary')) }} 

Sau đó, trong css của bạn ...

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; 
} 

Tôi hy vọng điều này sẽ giúp ...