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