如何为 ListItem 禁用一些 Material UI css

亚历山德罗·卡利

我正在使用 Material-UI ListItem 组件,我想摆脱默认的背景颜色。我已经尝试过使用类,但是我的值被这个覆盖了:

如何禁用此默认规则?

安德烈

您可以全局覆盖任何 Material UI 组件的样式。

在您的应用程序中查找您调用 的点createMuiTheme,然后添加和输入这样的overrides字段。

 const theme = createMuiTheme({
     palette: {
         /* you should already have stuff here, keep it */
     },
     typography: {
         /* you should already have stuff here, keep it */
     },

     overrides: {
         MuiListItem: {
             root: {
                 backgroundColor: "red",
             },
         },
     },
 });

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何为带有Typescript的React设置Material-UI?

React Material UI ListItem请点击

如何在React中覆盖material-ui-next CSS?

Material-UI v1:如何为material-ui v1中的所有组件设置一种字体大小?

如何为Material-UI React组件覆盖@media CSS

用于右切换的Material-UI ListItem组件

使用React在Material-UI中的特定日期添加一些标记

React Material UI:禁用后如何为按钮提供自定义颜色?

如何为Material UI React添加RTL支持

如何创建一行包含多行的表(Material-UI / CSS)

如何为禁用的Material UI TextField覆盖全局边框颜色样式?

如何为Material UI Icon应用白色?

在React Material UI中显示在ListItem中

Material-UI:未调用ListItem onClick

覆盖一些Material-ui类样式,但保留默认样式

如何在Material ui Table stickyHeader的表头上应用CSS?

如何为社交网站的评论框设计CSS样式。需要一些示例代码

如何为 jQuery 表提供一些 CSS 属性?

React.js 中的 Material UI ListItem 选定样式

如何使用 Material UI Card 和 CardMedia 在背景图像上添加一些文本

如何为 Material UI Card 创建角带?

如何为 Material UI TableRow 组件赋予边框样式?

如何为 Material UI 的 TableHead 赋予圆角

如何使用样式组件覆盖 material-ui css?

如何为 Material-UI 导入别名?

如何在 Material UI React 中加粗 ListItem 文本

从 Material-UI 导入一些图标时找不到模块错误

如何在使用 v6 單擊 Material UI 的 Listitem 時傳遞道具

如何在 React 和 Material Ui 中使选择列表文本的某些部分变为粗体和一些正常字体