小编Jaa*_*eek的帖子

如何用类和CSS模块覆盖样式?

集中、检查的课程似乎无法正常工作。我需要始终使用 !important 或使用material-ui 提供的jss 样式。例如:

https://codesandbox.io/s/css-modules-nvy8s?file=/src/CssModulesButton.js

CssModulesButton.module.css

.checkboxtest {
  color: blue;
}

.checkboxtestworking {
  color: blue !important;
}
Run Code Online (Sandbox Code Playgroud)

CssModulesButton.js

import React from "react";
// webpack, parcel or else will inject the CSS into the page
import styles from "./CssModulesButton.module.css";
import Checkbox from "@material-ui/core/Checkbox/Checkbox";

export default function CssModulesButton() {
  return (
    <div>
      <Checkbox classes={{ checked: styles.checkboxtest }}>testasd</Checkbox>
      <Checkbox classes={{ checked: styles.checkboxtestworking }}>
        testasd
      </Checkbox>
    </div>
  );
}
Run Code Online (Sandbox Code Playgroud)

索引.js

import React from "react";
import { render } from "react-dom";
import { StylesProvider …
Run Code Online (Sandbox Code Playgroud)

reactjs material-ui css-modules

1
推荐指数
1
解决办法
5577
查看次数

标签 统计

css-modules ×1

material-ui ×1

reactjs ×1