字体超赞，输入类型为“提交" [英] Font-awesome, input type 'submit'

问题描述

字体真棒中似乎没有用于输入类型"submit"的类.是否可以使用font-awesome中的某个类进行按钮输入?我已经在应用程序中向所有按钮(实际上与twitter-bootstrap中的"btn"类链接)添加了图标，但是无法在输入类型提交"上添加图标.

There seems to be no class for input type 'submit' in font-awesome. Is it possible to use some class from font-awesome for button input? I've added icons to all buttons (which actually links with class 'btn' from twitter-bootstrap) in my applications, but can't add icons on 'input type submit'.

或者，如何使用此代码:

Or, how to use this code:

input#image-button{
    background: #ccc url('icon.png') no-repeat top left;
    padding-left: 16px;
    height: 16px;
}

html:

<input type="submit" id="image-button">Text</input>

(我来自 HTML:如何制作一个带有文本+图片的提交按钮?)字体真棒?

推荐答案

使用按钮type ="submit"代替输入

use button type="submit" instead of input

<button type="submit" class="btn btn-success">
    <i class="fa fa-arrow-circle-right fa-lg"></i> Next
</button>

供Font Awesome 3.2.0使用

for Font Awesome 3.2.0 use

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

这篇关于字体超赞，输入类型为“提交"的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！