是否可以在表单提交按钮中使用Glychicons？

Question

我在制作带有字形的按钮时没有问题，但我总是创建一个<a class="btn..."。此不有效：<input type="submit" class="btn btn-default" value="" />。它只会产生一个空白按钮。

任何想法如何做到这一点？

Answer 1

过去使用<input>标记确实存在问题。也许你可以试试<button>一个。

以下是bootsrap doc中的内容：

<button type="button" class="btn btn-default btn-lg">
  <span class="glyphicon glyphicon-star"></span> Star
</button>

如果需要，请参阅bootstrap documentation有关字形的内容。

希望它可以帮到你：p

Answer 2

Glyphicons使用psuedo元素之后的“after”或“之前”，非容器标记不支持，或者像输入一样使用自关闭的元素。所以如果你想使用输入提交（是的，我理解你，我以前去过那里）重新创建它：

<span class="glyph class here"><input type="submit" value="whatever" /></span>

编辑，跨度需要一些调整，你需要让它看起来像一个按钮，然后再对内部的提交按钮进行一些调整：

input[type="submit"] {
        display: inline-block;
        background-color: transparent;
        border: 0;
        cursor: pointer;
    }

Answer 3

这可以在使用Form Helper方法的同时完成。在这里查看解决方案：How to use Twitter Bootstrap's glyphicons with Rails's button_to