输入按钮,字体很棒

时间:2012-11-15 19:53:42

标签: forms input icons

所以,我在表单中有这个按钮:

<input type="submit" value="Entrar" />

我想让它显示fontawesome的图标,其效果与css中的任何其他图标功能相同。

<i class="icon-circle-arrow-right icon-large"></i>

但是我尝试了几种方法而没有工作!谢谢!

2 个答案:

答案 0 :(得分:5)

不仅必须将输入更改为:

<button type="submit">
   <i class="icon-circle-arrow-right icon-large"></i>
</button>

但css应匹配:

form button {
padding-top:10px;
background-color:transparent;
border:none;
font-size:30px;
float:right;
color:#333333;
}

答案 1 :(得分:2)

您是否尝试使用按钮而非输入?

<button type="submit">
    <i class="icon-circle-arrow-right icon-large"></i> 
    Entrar
</button>