J'utilise l'interface utilisateur matérielle avec ReactJS. Je veux remplacer la couleur du bouton, mais dans mon cas, cela modifie les onglets Couleur de la couleur (voir capture d'écran) Comment puis-je remplacer la couleur du bouton uniquement, en utilisant des thèmes de l'interface utilisateur du matériau?
Code: 2ème approche ne fonctionne pas non plus: p> const theme = createMuiTheme({
palette: {
myBtn: {
main: '#DDB61A',
}
}
});
<MuiThemeProvider theme={theme}>
<Button variant="contained" color="myBtn" fullWidth={true}>
Buy/Login
</Button>
</MuiThemeProvider>
3 Réponses :
Créer une nouvelle variante de couleur dans votre palette: puis:
Puis-je ajouter un nom aléatoire à l'intérieur du primaire, secondaire, tertiaire, par exemple: myBTN, puis utilisez-le de la couleur = "myBTN", mais cela ne fonctionne pas.
@funjoker Vous devriez être capable d'utiliser des noms aléatoires. Mon code n'a-t-il pas fonctionné?
Cela ne fonctionne pas voir ma question modifiée ci-dessus. La 2e approche ne fonctionne pas non plus
Cochez ce lien: imgur.com/a/imvmesm et ce matériau-ui.com/api/button
Ce que vous faites ici change tout le thème. Il existe un certain nombre de façons de modifier le style d'éléments spécifiques ou de toutes les apparitions d'un élément spécifique de votre application.
Dans votre cas, si vous essayez de modifier la couleur d'un bouton, vous pouvez utiliser des classes de remplacement Comme: p> Si vous souhaitez remplacer tous les boutons, vous pouvez le faire avec un thème personnalisé: P> import { createMuiTheme } from '@material-ui/core/styles';
export const createCustomTheme = () => theme => {
return createMuiTheme({
...theme,
overrides: {
MuiButton: {
root: {
background: 'red'
}
},
}
});
};
export default creatCustomTheme();
Je ne pouvais pas comprendre que vous pourriez peut-être élaborer? Pourquoi passez-vous des accessoires. Disons si j'ai 3 boutons et tous les 3 d'entre eux devraient avoir des couleurs différentes, comment puis-je faire ça?
J'ai ajouté un exemple de thème personnalisé à ma réponse. De cette façon, tous les boutons sont remplacés de votre thème.
Je ne veux pas que tous les boutons Quelques boutons Je veux une couleur par défaut, je veux avoir des couleurs différentes, dans ce cas, que dois-je faire? Parce que changer le thème affectera tous les boutons? Je veux changer quelques boutons pour rafiler quelques boutons à une autre couleur personnalisée
Il y a plusieurs façons. Vous pouvez créer un bouton de style avec quelques variantes, chacun en utilisant sa propre classe pour changer la couleur. Ou vous pouvez créer un bouton de style qui prend la couleur comme un accessoire.
Où utilisez-vous Muibutton? Je ne pouvais pas comprendre ça
Muibutton est la classe de remplacement du thème. Bouton est le composant que vous importez à partir de @ matériau-ui / noyau
Vous pouvez personnaliser le style d'un composant à l'aide de remplacement: cochez cette page: https://material-ui.com/customization/overrides/
Le lien est mort, toutes les idées sont les meilleures à lire à ce sujet maintenant?
Hein, quand je clique ici, je vois une page non trouvée erreur: Pasteboard.co/ikjcdhw.pnglew/a >
