Html 带有提交按钮上的文本的引导刷新图标

我想在我的页面上有一个“刷新”按钮。为此，我决定使用引导刷新图标样式。图标出现在我的按钮上，但它没有为文本“刷新”留下太多空间。这是代码和小提琴

<input class="icon-refresh" type="submit" value="Refresh" name="Test"> </input>

有人对我如何扩展按钮宽度以显示刷新图标和文本有什么建议吗

谢谢。

你可以用标签来代替，它们被设计成比输入更具控制性的样式

下面是我将如何使用最新的引导

<button class="btn btn-primary"><span class="glyphicon glyphicon-refresh"></span> Refresh</button>

刷新

将刷新图标放在按钮内的一个范围内：

<button type="submit" value="Refresh" name="Test"><span class="icon-refresh"></span> </button>

使用带有提交操作的

：

<button type="submit"><i class="icon-refresh"></i> Test</button>

测试

---

改用标签，这就是它们的用途：）我们不能指定宽度吗？为什么有人对这个投了反对票而对我投了赞成票？它和我的（实际上）是一样的，并且更恰当地使用了框架。@Faust它是那些幻影的否决票之一：）我不介意，不过只要OP得到一个答案嘿：）谢谢你的回答。但在我的例子中，我使用的是Richfaces命令按钮（），因此标记实际上是生成的。我不相信我能改变它。我是否可以使用输入标签完成我在原始问题中提出的问题？感谢您的回复，但请查看我对Dale的评论。感谢您的回复，但请查看我对Dale的评论。

<button type="submit"><i class="icon-refresh"></i> Test</button>