javascript - 如何将 !important 添加到 CSS-in-JS (JSS) 类属性中？

Question

我正在尝试使用 this answer 中的一些 CSS-in-JS 类在我的 React 元素中使用 Material UI 组件。我需要覆盖来自 Bootstrap 的 CSS，所以我想使用 !important 修饰符，我之前只在 .css 文件中使用过它，我不确定如何在 CSS-in-JS 中使用它。我要传递到 Material-UI withStyles 函数的样式对象如下所示，如何将 !important 添加到 fontSize 属性？我已经尝试了 30 !important 和其他一些东西，但似乎没有任何效果。

谢谢

const styles = {
  labelRoot: {
    fontSize: 30
  }
}

Answer 1

正如 Adrian 指出的那样，您不需要这样做，但如果您绝对需要这样做，您可以将它设置为一个字符串:

const styles = {
  labelRoot: {
    fontSize: '30px !important',
  },
};