javascript - 图标未显示在输入字段的屏幕中

Question

我有以下代码，我想显示 Bootstrap 图标而不是按钮。知道我做错了什么吗？

 <input type="submit" value="Update" class="btn btn-default btn-update" />

我尝试了以下方法但它不起作用，知道如何解决它吗？

 <input type="submit" value="Update" class="glyphicon glyphicon-remove" />

还有这样的:

<input type="submit" value="Update" class="btn btn-default glyphicon glyphicon-remove" />

Answer 1

根据 Bootstrap docs :

Don't mix with other components. Icon classes cannot be directly combined with other components. They should not be used along with other classes on the same element. Instead, add a nested <span> and apply the icon classes to the <span>.

所以尝试:

<button type="submit" class="btn btn-default btn-lg">
<span class="glyphicon glyphicon-remove"></span>Update</button>

bootply example