Résoudre le problème de la classe de bouton invalide en CSS

Question

J'ai complété le code de cette barre de navigation à l'aide de ReactJS, mais la classe bouton ne fonctionne pas. J'ai essayé le style de base des boutons, mais cela n'a pas fonctionné. Je suis nouveau dans ce domaine, donc je ne trouve pas la mauvaise pièce.

fichier jsx->> Ceci est un fichier jsx

fichier css->>Voici le fichier css

Sortie finale->>Vue Web finale

Je souhaite ajouter des styles aux boutons, mais lorsque je sélectionne la classe de boutons dans CSS, cela ne fonctionne pas.

Answer 1

Ajoutez l'attribut de classe à la balise <button> et la valeur de l'attribut de classe est "bouton".

Votre design doit être appliqué au bouton lui-même, et non au conteneur div.

Answer 2

En fait, vous stylisez un div, si vous souhaitez styliser un bouton, ajoutez le nom de la classe au bouton <button className='button'>联系</button>