html - 如何在输入字段的 vlaue 中加载 font-awesome 图标

Question

我正在尝试在输入字段的 vlue 中加载一个很棒的字体图标，但没有成功：

下面的代码从字面上给了我：<i class="fas fa-times"></i>

<input type="submit" class="sfmdelete"  name="delete" value="<i class='fas fa-times'></i>" />

我该如何解决这个问题？

标签： htmlcssfont-awesome

Answer 1

这将解决 - 将以下内容添加到您的 css. 你也可以使用 font-awesome 作为常规字体。

input[type="submit"] {
    font-family: FontAwesome;
}

HTML

<input type="submit" class="search" value="&#xf002;" />

链接到 FontAwesome ascii 代码（备忘单）：this