我已经制作了一个单独的useStyle文件,并希望在材料ui的useStyle中使用此自定义CSS。如何实现呢?
input[type="checkbox"],
input[type="radio"] {
display: none;
}
假设您的useStyles
文件如下所示:
import makeStyles from "@material-ui/core/styles/makeStyles";
const useStyles = makeStyles({
hideCheckboxAndRadio: {
"& input[type='checkbox'], & input[type='radio']": {
display: "none"
}
}
});
export default useStyles;
回到您的组件,只需导入此文件并将其附加到父目录,在该父目录中您希望隐藏&input
类型的所有子目录radio
checkbox
import useStyles from "./useStyles";
function App() {
const classes = useStyles();
return (
<div className={classes.hideCheckboxAndRadio}>
<input type="text" />
<input type="checkbox" />
<input type="radio" />
</div>
);
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句