如何将fontello图标放入输入值？

Question

说我有这段代码：

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

但在文字＆＃34;发送＆＃34;我想要一个fontello图标。显然这不起作用：

<input type="submit" value="Send <i class='icon-right-circle'></i>" />

在我的fontello demo.html 文件中，该图标的代码为0xe81c。难道没有把这个图标放在输入值中吗？像HTML实体一样吗？

谢谢！

Answer 1

这应该有效：

<input type="submit" value="Send &#xf001;" style="font-family:icons" />

有两个步骤：

1. 使用输出字符。您可以在fontello css文件中找到代码，例如content:'\f001'，只需替换\f001 - ＆gt; 。

2. 为此元素设置font-family。我在代码中使用icons，你应该检查css文件中的字体名称。

---

进一步的步骤： 您可以自定义自己的班级：
.myfont { font-family:icons; }

并且html将是：
<input type="submit" value="Send &#xf001;" class="myfont" />

Answer 2

您可以在CSS中尝试：

input[type='submit'] {
    background-image: url(images/icon.gif);
    background-position: 7px 7px;
    background-repeat: no-repeat;
}

其他选项使用button type="submit"代替input

<button type="submit" class="btn btn-success">
    <i class='icon-right-circle'></i> Text
</button>