html - 如何在输入字段的值内加载 Font Awesome 图标

This question already has answers here:

Font Awesome icon inside text input element
                                
                                    （18个回答）
                                
                        
                                去年关闭。
            
                    
我正在尝试在输入字段的标签内加载超棒的字体图标，但不能成功完成操作：

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

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

我该如何解决这个问题？

最佳答案

这将解决-
将以下内容添加到您的CSS中。
您也可以将font-awesome用作常规字体。

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

的HTML

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

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