如何设置提交按钮的文本样式

Question

我的链接样式如下：

<style>
  .addNew{
    background-color: #FFF;
    display: block;
    margin-top: 10px;
    padding: 20px;
    color: #08c;
    border:3px dashed #08c;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    font-size: 1em;
  }
</style>
    <a class='addNew'>
            <i class="fa fa-plus" ></i> Add new 
            <span style='text-decoration:underline'>Object</span>
    </a>

我在文本中使用了span-tag和font-awesome icon。 如何将其用于提交按钮？我试过这个：

<input type='submit' class='addNew' value="Add new Object">

但我不知道如何设置提交按钮的文本样式。

Answer 1

使用button element。

+------+-------------+-----------+----------------+----------------+
| type | currency_id | percental | min_commission | max_commission |
+------+-------------+-----------+----------------+----------------+
| LEAD |           1 | no        |          30.00 |           0.00 |
| SALE |           1 | yes       |           1.10 |           1.80 |
| SALE |           1 | no        |          30.00 |          60.00 |
+------+-------------+-----------+----------------+----------------+

...然后你可以拥有子元素并独立定位它们的样式。

Answer 2

您可以使用var w = from x in db.Activities where x.ProjectID.HasValue && x.ProjectID.Value == 1 select x;

<button>

  

按钮行为与<button><i class="fa fa-plus"> Add new <span style="text-decoration:underline;">Object</span></button> 或<input type="button">不同。您可以在<input type="submit">附加元素。

Answer 3

您还可以使用<button>标记进行提交。您还需要为按钮提供submit类型以捕获浏览器事件。

<button type="submit">
    <a>link</a>
    <span>span</span>
</button>

编辑：为什么要指定提交的type

<form>
    <input />
    <button type="button">not a submit button</button>
    <button type="submit">submit button</button>
</form>

在这种情况下，任何查看代码的人都会确切地知道在一秒钟内哪个<button>是实际提交按钮。此外，如果有人要使用CSS选择器获取表单的提交按钮，可以通过button[type="submit"]轻松完成。是submit是默认类型，但它也是更好的可读性和更容易调试的做法。