2014-07-06 12 views
5

Dire che volevo usare un glyphicon come pulsante di invio per un modulo. Come potrei fare questo?Bootstrap Glyphicon come pulsante

Per elaborare, non voglio elementi 'visibili' di un pulsante tradizionale. Solo un glyphicon, come apparirebbe normalmente nel testo.

Ho provato a utilizzare <button> e <input type='button'> con le classi glyphicon e (come ci si aspetterebbe), senza fortuna.

+0

ci mostri ciò che hai provato fino ad ora? –

+2

Ti piace questo http://jsfiddle.net/koala_dev/cCZfQ/? –

+0

@ThibWeb fatto. :) –

risposta

17

È possibile utilizzare la classe .btn-link di avere un pulsante di apparire come un link testuale:

<form> 
... 
<button type="submit" class="btn btn-link"> 
    <span class="glyphicon glyphicon-star"></span> 
</button> 
</form> 

Vai a questa demo fiddle

+0

Esattamente quello che volevo. Non sapevo di questa classe. Grazie mille. –

+0

@Kye Nessun problema, non dimenticare di contrassegnare la risposta come accettata per far sapere alla community che il problema è stato risolto :) –

0
<button type="button" class="btn btn-default"> 
    <span class="glyphicon glyphicon-search"></span> 
</button> 

Give this a read

+0

Mi viene ancora dato il pulsante 'guarda'. –

+0

Rimuovi 'btn-default', oppure crea i tuoi stili. – Luke

+0

Ah dimentica che, @koala_dev capito – Luke

Problemi correlati