web-dev-qa-db-fra.com

La structure ionique ne peut pas définir la taille de l'icône du bouton

J'aimerais définir la taille de l'icône personnalisée (ionicons) pour ce code:

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

Pour la classe customIconSound i a essayé de suivre:

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

Mais sans chance. Si j'ai essayé la classe d'icônes sans le bouton le bouton-icône la classe, je pense qu'il fonctionne mais que les icônes de la classe du bouton ne sont pas activées (car ce n'est pas un bouton).

Comment puis-je le résoudre s'il vous plaît?

Merci pour tout conseil.

css3iconsionic-frameworkionic
9
redrom

Lucas était proche mais la syntaxe correcte est celle-ci

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

Si vous n’avez pas encore résolu votre problème ou si vous avez des problèmes avec les personnes qui s’y occuperont à l’avenir.

Vous devez changer le style CSS pour le pseudo-élément i: avant

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

Votre exemple fonctionne ici .

Peut-être que votre problème est causé par autre chose.

PS: Si vous voulez seulement redimensionner l’icône, cette ligne CSS suffit.

.customIconSound {
    font-size: 52px;
}
3
Bellu

Essayez de décider button-icon class out. Cette classe css était le problème dans mon cas. De même, les styles CSS ont également travaillé sur la balise button. Par exemple:

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