2014-09-10 57 views
0

我只是希望我的按鈕看起來真棒,但我不知道如何應用樣式或把類上的按鈕,這樣http://i.stack.imgur.com/EFvzg.jpg如何添加樣式或把一個班在PHP form_submit按鈕

<?php echo form_submit('submit', 'Submit');?> 

我想把這個CSS屬性,以我的按鈕,使它看起來像這樣http://i.stack.imgur.com/JmFLI.jpg ..

.btnBack{ 
     background: #3498db; 
     border: solid 1px; 
     border-color: #3498db; 
     background-image: -webkit-linear-gradient(top, #3498db, #2980b9); 
     background-image: -moz-linear-gradient(top, #3498db, #2980b9); 
     background-image: -ms-linear-gradient(top, #3498db, #2980b9); 
     background-image: -o-linear-gradient(top, #3498db, #2980b9); 
     background-image: linear-gradient(to bottom, #3498db, #2980b9); 
     -webkit-border-radius: 5; 
     -moz-border-radius: 5; 
     border-radius: 5px; 
     color: #ffffff; 
     font-size: 15px; 
     padding: 5px; 
     width: 100px; 
     text-decoration: none; 
    vertical-align: middle; 
    } 

教我該怎麼做..感謝

+0

這裏http://stackoverflow.com/questions/19236867/adding-a-class-to-form-submit-in-php-codeigniter – 2014-09-10 15:25:59

回答

1

如果這是代碼點火器:

form_submit('submit', 'Submit',"class='btnBack'"); 
+0

看看非常感謝! – James 2014-09-10 15:38:36

1

試試這個

echo form_submit('submit', 'Submit',"class='btnBack'"); 
0

建立在你的CSS文件中的類,並將其命名爲 「buttonSubmit」(或任何你prefer_並添加它像這樣 -

<?php echo form_submit('submit', 'Submit','class=buttonSubmit'); ?> 
0

我假設這是CodeIgniter的form_submit函數 - 根據form_submit函數的文檔https://ellislab.com/codeigniter/user-guide/helpers/form_helper.html,「第三個參數可以讓你向表單添加額外的數據,比如JavaScript。」,所以你可以傳遞一個帶有cl的字符串屁股作爲第三個參數(和你想添加任何其他附加屬性)是這樣的:

echo form_submit('submit','Submit','class="btnBack"'); 

您也可以傳遞一個數組作爲第一個參數來達到同樣的,如果你喜歡的語法。

echo form_submit(array('name' => 'submit','value' => 'Submit','class' => 'btnBack')); 
0

試試這個代碼

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <style type="text/css"> 

.btnBack{ 
     background: #3498db; 
     border: solid 1px; 
     border-color: #3498db; 
     background-image: -webkit-linear-gradient(top, #3498db, #2980b9); 
     background-image: -moz-linear-gradient(top, #3498db, #2980b9); 
     background-image: -ms-linear-gradient(top, #3498db, #2980b9); 
     background-image: -o-linear-gradient(top, #3498db, #2980b9); 
     background-image: linear-gradient(to bottom, #3498db, #2980b9); 
     -webkit-border-radius: 5; 
     -moz-border-radius: 5; 
     border-radius: 5px; 
     color: #ffffff; 
     font-size: 15px; 
     padding: 5px; 
     width: 100px; 
     text-decoration: none; 
    vertical-align: middle; 
    } 
    </style> 
</head> 
<body> 


<?php 

function form_submit($type, $value, $style){ 

    echo "<form action='#' method='post'>"; 
    echo "<input type='$type' value='$value' class=$style"; 
} 

form_submit('submit', 'Submit', 'btnBack'); 

?> 

</body> 
</html>