quadro ionico non è possibile impostare l'icona dimensione

Question

vorrei impostare icona personalizzata (ionicons) dimensioni per questo codice:

<button class="button button-icon icon ion-stop customIconSound"></button> 

Per la classe customIconSound ho provato seguente:

button.customIconSound,button.button-icon { 
    font-size: 52px !important; 
    color: #fff; 
    line-height: 55px!important; 
} 

Ma senza fortuna. Se ho provato la classe di icone senza l'icona del pulsante icona pulsante mi sembra che funzioni, ma senza le icone della classe del pulsante non è stato premuto lo stato (perché non si tratta di un pulsante).

Come posso risolvere per favore?

Grazie per qualsiasi consiglio.

Answer 1

L'esempio funziona here.

Forse il tuo problema è causato da qualcos'altro.

PS: Se si desidera solo ridimensionare l'icona questa linea di css è sufficiente.

.customIconSound { 
    font-size: 52px; 
} 

Answer 2

Se non hai ancora risolto il tuo problema o per le persone che si occupano di esso in futuro.

devi cambiare stile css per i pseudo elemento: prima

button.customIconSound i:before { 
    font-size: 52px !important; 
} 

Answer 3

Lucas era vicino, ma la sintassi corretta è questa

button.customIconSound:before { 
    font-size: 22px !important; 
} 

Answer 4

Prova dirigente button-icon classe fuori. Quella lezione di css era il problema nel mio caso. Allo stesso modo, come risultato, anche gli stili CSS hanno funzionato sul tag button. Ad esempio:!

<button class="button button-clear ion-edit" style="color:#fff; font-size:22px"></button>