Question

我只是希望我的按钮看起来很棒，但我不知道如何应用样式或将类放在这样的按钮上http://i.stack.imgur.com/EFvzg.jpg

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

请教我怎么做..谢谢

Answer 1

试试这个

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

Answer 2

如果这是代码点火器：

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

Answer 3

在你的css文件中创建一个类，并将其命名为“buttonSubmit”（或者你喜欢的任何东西，然后像这样添加它 -

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

Answer 4

我假设这是CodeIgniter form_submit函数 - 根据form_submit函数的文档，https://ellislab.com/codeigniter/user-guide/helpers/form_helper.html，“第三个参数允许您向表单添加额外的数据，如JavaScript。”，所以你可以通过一个字符串，其中一个类作为第三个参数（以及您要添加的任何其他附加属性），如下所示：

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

如果你喜欢这种语法，你可以选择传递数组作为第一个参数来实现相同的目的。

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

Answer 5

试试此代码

<!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>

如何在php form_submit按钮中添加样式或放置类

5 个答案: