Tengo un archivo mycomponent.module.css
button { width: 10vw; min-width: 150px; } Desafortunadamente, este css está afectando globalmente en lugar del componente específico donde lo estoy importando. ¿Los módulos CSS no funcionan en los nombres de los elementos y solo funcionan en los nombres de las clases? Entonces, ¿ .button en lugar de button ?
Si desea diseñar un botón actual, debe darle un nombre de clase o una identificación a su botón. En este caso fue global, para todos los botones.
Escribe así.
Haga una Class o ID y llámelos donde sea necesario .
.bu{ width: 10vw; min-width: 150px; background-color:red; } <button class="bu">button1 </button><br><br> <button>button2 ! </button>