reactjs - 在单独的样式类中设置 CSS 未反映在 UI 中

我在我的 React 组件中使用材质 UI。但是我在单独的 style.css 中给出的样式并没有反映在屏幕上。我正在使用这个https://material-ui.com/components/radio-buttons/。

我需要更改该无线电组的边距、宽度等。

标签： reactjsmaterial-ui

您需要将自己的自定义 css 导入到组件中：

import './custom.css'

如果要覆盖主要样式，请确保在样式后使用!important标签：

.classname {
  margin-left : 10px !important ;
}

笔记

要找到要编辑的元素的类名，您需要转到浏览器的 devtools 并检查该元素并查看它具有哪些类名，因此您应该在 css 中使用相同的类名并使用自定义样式覆盖它。