是否可以在表單提交按鈕中使用Glychicons？

Question

我沒有問題製作帶有圖形按鈕的按鈕，但我總是創建一個<a class="btn..."。這不工作：<input type="submit" class="btn btn-default" value="" />。它只是產生一個空白按鈕。

任何想法如何做到這一點？

Answer 1

這可以同時仍使用表單輔助方法來完成。看看這裏的解決方案：How to use Twitter Bootstrap's glyphicons with Rails's button_to

Answer 2

我在過去使用<input>標記存在問題。也許你可以試試<button>之一。

這裏是在bootsrap DOC做什麼：

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

見bootstrap documentation約glyphicons如果你需要。

希望它可以幫助你：對

Answer 3

Glyphicons使用「之後」或「之前」僞元素，它不支持非容器標記，或者是那些自我密切，輸入等。所以，如果你想使用的輸入提交（是的，我理解你，我以前去過那裏）重建這樣的：

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

編輯，是需要跨度一些調整，你需要使它看起來像一個按鈕，然後多一點扭捏作內提交按鈕：

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