Reactjs 如何定制TCHA的风格？

我正在我的

React

应用程序中使用包

问题是在特定设备上运行应用程序时，选择图像的容器太大

我需要使用此id更改div的大小

rc imageselect

这是我的密码

        <div className={classes.recapt} style={{ transform: 'scale(0.8, 0.8) translateX(10%)', display: "table" }}>
          <Recaptcha
            expiredCallback={() => setCaptchaCode(false)}
            sitekey={localStorage.getItem("CAPTCHA_KEY")}
            render="explicit"
            onloadCallback={callback}
            verifyCallback={verifyCallback}
          />
        </div>

   export default makeStyles((theme) => ({
    recapt: {
      "&div": {
        "&#rc-imageselect": {
            transform: 'scale(0.8, 0.8) translateX(10%)'
        }
       }
    }
   }));

setCaptchaCode（false）}
sitekey={localStorage.getItem（“验证码”）}
render=“显式”
onloadCallback={callback}
verifyCallback={verifyCallback}
/>
导出默认生成样式（（主题）=>({
重述：{
“&div”：{
“&#rc imageselect”：{
变换：“比例（0.8,0.8）translateX（10%）”
}
}
}
}));

但这不起作用

我在te inspect panel中对其进行了更改，它可以正常工作。所以我猜我选择的

div

是错误的

任何帮助都将不胜感激

---

我认为您的风格定位有问题，请尝试以下方式：

"& > div > image"

我想你不能在上面使用query（#elementID）

编辑

---

上传照片后：看一下

我觉得你的风格定位有问题，试试这样：

"& > div > image"

我想你不能在上面使用query（#elementID）

编辑

---

上传照片后：看看那不起作用。请注意，目标应为“rc imageselect”，该id不是class@Amine你能用元素做屏幕截图吗？我上传了它。@你不能以此为目标设置id或类，你应该按标记名设置元素的目标标记名是div，这不起作用。请注意，目标应为“rc imageselect”，该id不是class@Amine你能用元素做屏幕截图吗？我上传了它。@你不能把id或类作为目标，你应该用标记名作为目标元素。标记名是div