J'ai un problème avec ion-button dans ionic v4
Si j'écris dans mon application
<ion-button>Hi</ion-button>
Et lancez l'application, l'application affiche le bouton avec le texte en majuscules J'ai besoin que les boutons soient affichés avec le texte tel que je l'ai écrit. S'il vous plaît
5 Réponses :
Essayez d'utiliser text-capitalize , pour chaque premier mots dans UperCase
<span style="text-transform:none!important;">Hi Hi</span>
ou text-transform , pour normal em > texte
<span text-capitalize>hi</span>
Pour plus d'exemples et d'autres utilitaires, cochez ceci doc , vous aimerez!
Vous pouvez le résoudre en ajoutant simplement des css en ligne comme suit:
<ion-button style="text-transform:none">Your Text</ion-button>
Essayez d'utiliser mode = "ios" . Testé sur ionic 5:
<ion-button mode="ios">Your Text</ion-button>
pouvez-vous définir cela quelque part dans le monde?
Dans ionic-5, dans theme / variables.css , vous pouvez ajouter le
ion-button {
text-transform: none;
}
suivant
Cela s'appliquerait à l'ensemble de l'application. Reportez-vous également à ce commentaire sur le problème github.
p>
Vous pouvez ajouter ce style dans le global.scss
ion-button {text-transform: none; }
J'ai testé ce code et il fonctionne bien