在makeStyles中使用calc()函数
在makeStyles中使用calc()函数
提问于 2021-10-21 07:02:22
const useStyles = makeStyles((theme) => ({
dialog: {
'& .MuiTextField-root': {
margin: theme.spacing(1),
}
},
address: {
width:"calc(24vw + 8px)"
},
}));<div>
<TextField id="contact-tel" style={{width:'10vw'}} label="联系电话" inputRef={tellRef} margin='none' />
<TextField id="contact-company" style={{width:'14vw'}} label="公司名称" inputRef={companyRef} margin='none' />
</div>
<div>
<TextField id="contact-address" className={classes.address} label="收件地址" inputRef={addressRef} margin='none' />
</div>代码如上，但我没有做正确的事情，不知道哪里有问题？不支持大众+ px？
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-10-21 07:06:53
您的样式比MUI的优先级低，请尝试添加几个符号数以增加CSS的特异性。
address: {
width: "calc(24vw + 8px)",
"&&": {
width: "calc(24vw + 8px)" // same as the above but with higher priority
}
}参考文献
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69657329
复制相关文章
相似问题
腾讯云开发者
