Estoy usando Lightbox y quiero cambiar su estilo predeterminado. Uso makeStyles .
<Lightbox images={[{src:imageRef.current}]} isOpen={imgDialogOpen} onClose={closeImgDialog} /> Tiene una clase predeterminada llamada content_1h4z6hc y quiero agregarle algunas cosas más como background-color .
¿Cómo debería hacer esto?
necesita usar activeProps , intente así:
activeProps={{width: '10px'}}o directamente puedes usar estilos
<Lightbox style={{ width: 10 }} backgroundColor="#000" > <Image style={{ borderRadius: 15, width: "100%", }} resizeMethod="resize" resizeMode="cover" /> </Lightbox>react-images-zoom-print no admite accesorios de pase para actualizar css. Entonces puede usar su css para anular el css predeterminado.
Este paquete usa id lightboxBackdrop . Entonces puedes basarte en eso para escribir tu css:
#lightboxBackdrop { background-color: yellow; }https://codesandbox.io/s/inspiring-hopper-q94z7?file=/src/styles.css:59-109