如何禁用 CSS 样式？

Question

I'm currently using the antd package with my React App including the CSS package. However, I'd like to disable a rule:

body, html {
        width: 100%;
        height: 100%;
}

How would I disable/remove this rule without not importing the CSS?

Answer 1

You can overwrite that rule importing your personal CSS after package CSS

Answer 2

If you cannot access that CSS for whatever reason, you can add your own CSS like so;

body, html {
    width: inherit;
    height: inherit;
}

Example:

 body { background-color: blue; } body { background-color: inherit; }

 <div> The body background colour should be BLUE as per CSS, but because of the following INHERIT attribute, it is now back to default white. </div>

You can read more about the inherit attribute here;

https://www.w3schools.com/cssref/css_inherit.asp

https://developer.mozilla.org/en-US/docs/Web/CSS/inherit

Answer 3

I'm currently using the antd package with my React App including the CSS package. However, I'd like to disable a rule:

body, html {
        width: 100%;
        height: 100%;
}

How would I disable/remove this rule without not importing the CSS?

Answer 4

Have you tried this?

body, html {
      //  width: 100%;
      //  height: 100%;
}