0
222
VistasSiguiente js: cómo anular el estilo en scss
Estoy usando react-simple-keyboard y trato de anular el estilo debajo de esta biblioteca
usando scss
teclado.módulo.scss
.react-simple-keyboard{ width: 50% !important; }componentes/teclado/index.js
import keyboardStyle from "./keyboard.module.scss"; ... // Do something using keyboardStyle Sin embargo, he encontrado que no hay ninguna actualización en el estilo.
He intentado algo como
.react-simple-keyboard :global{ width: 50% !important; } pero sigue sin funcionar
¿Cómo puedo hacerlo?
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
No creo que estés usando los módulos CSS correctamente. La forma en que lo haces es así:
lo que sea.module.css
.something { color: red; }algunos.tsx
import styles from "./whatever.module.css" <Component className={styles.something}/>El hecho de que esté usando guiones ("-") me hace pensar que no lo usa correctamente, ya que no puede usar guiones en el nombre de una propiedad de objeto.
Si aplicó los estilos correctamente y aún no funciona, intente usar esta clase en el archivo css global: .simple-keyboard
·
Juan Pablo Isaza
Denunciar
Responde la pregunta