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

【问题标题】：How to add style or put a class in a php form_submit button如何在 php form_submit 按钮中添加样式或放置类
【发布时间】：2014-09-10 15:16:02
【问题描述】：

我只是想让我的按钮看起来很棒，但我不知道如何应用样式或将类放在这样的按钮上 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;
    }

请教我怎么做..谢谢

【问题讨论】：

看这里stackoverflow.com/questions/19236867/…

标签： php html css

【解决方案1】：

如果这是代码点火器：

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

【讨论】：

【解决方案2】：

试试这个

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

【讨论】：

【解决方案3】：

在您的 css 文件中创建类，并将其命名为“buttonSubmit”（或您喜欢的任何名称）并像这样添加它 -

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

【讨论】：

【解决方案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'));

【讨论】：

【解决方案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>

【讨论】：