我的material UI自定义类正在被material UI的默认类覆盖
。
这个问题可能是由于CSS选择器的优先级导致的。当多个CSS规则应用于同一个元素时，浏览器会根据选择器的特定性和源代码中的顺序来确定应用哪个规则。
要解决这个问题，可以尝试以下几种方法：
- 使用更具体的选择器：通过使用更具体的选择器，可以提高自定义类的优先级。例如，可以在自定义类的选择器前添加父元素的类或ID，或者使用更多的层级选择器。
- 使用!important关键字：在自定义类的CSS规则中添加!important关键字可以覆盖其他规则。但是，过度使用!important可能会导致代码难以维护，因此应谨慎使用。
- 调整样式表的顺序：将自定义类的样式表放在默认类的样式表之后，可以确保自定义类的样式优先生效。
- 使用内联样式：将样式直接应用于元素的style属性中，可以确保这些样式具有最高的优先级。但是，这种方法可能不适用于大规模的样式更改。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云容器服务（TKE）。
腾讯云云服务器（CVM）是一种灵活可扩展的云计算服务，提供了高性能、可靠稳定的虚拟服务器。您可以根据自己的需求选择不同配置的云服务器，并通过自定义镜像和安全组等功能进行个性化设置。
腾讯云容器服务（TKE）是一种基于Kubernetes的容器管理服务，可以帮助您快速构建、部署和管理容器化应用。TKE提供了高可用性、弹性伸缩和自动化运维等功能，使您能够更轻松地管理容器化应用。
更多关于腾讯云云服务器（CVM）的信息，请访问：https://cloud.tencent.com/product/cvm
更多关于腾讯云容器服务（TKE）的信息，请访问：https://cloud.tencent.com/product/tke
相关·内容
我有一个TextField，当它被聚焦时，我希望它的标签被着色为黑色。我使用这个类变量将类添加到InputProps，但不幸的是，它被chrome dev工具中material UI的默认样式所覆盖。下面是代码。请查看chrome开发工具的截图。classes.inputLabelFocused, }}
/>
浏览 16提问于2021-09-16得票数 3
我试着在我的MUI对话框的右下角放置两个按钮，对齐并留有空格。我想要达到的结果是截图 ? 我得到的结果如下所示： ? 如你所见，按钮的位置不是很好，我不能在里面留出空间。此外，它们应该有相同的大小。我基于原始代码创建了这个沙箱： CodeSandbox Example 原始代码如下所示： <Dialog open={isOpen} fullWidth maxW
浏览 12提问于2020-12-27得票数 0
我希望能够使用我自己构建的自定义Popper组件，一些MUI组件，比如AutoComplete，可以通过提供道具PopperComponent来实现这一点，但是TablePagination除了向它们的popper添加类之外，没有其他东西。有人知道如何利用自定义的Popper组件和MUI TablePagination组件吗？为了快速参考，下面是上面提到的每个组件的API文档
TablePagination - Au
浏览 3提问于2022-12-02得票数 0
我正在尝试在一个页面上实现一个工具栏，在这个页面中我有三个ToolbarGroup组件： <ToolbarGroup firstChild="right"> </ToolbarGroup>一般的想法是，prevButton应该一直渲染到
浏览 0提问于2016-03-02得票数 3
回答已采纳
这是我正在使用的Material-UI中的iconButton。正如您所看到的，当您将鼠标悬停在图标上时，图标周围有一个略显灰色的边框。禁用此功能的属性是什么？我没有在Material-UI文档中找到它，我需要摆脱这个灰色的悬停功能。<IconButton></Ic
浏览 3提问于2018-06-23得票数 10
最近，我一直在尝试material-ui，并且遇到了一些关于如何设置组件样式的问题。尽管大多数material-ui样式设计方法都非常直观且易于理解，但它可能会让人感到有点困惑，因为有这么多方法来设计组件的样式。由于material-ui似乎正在使用内联样式设置抽屉组件的样式。这让我感到困惑，因为我认为每个组件css "class“都有一个”全局“样式，它传递那些css”
浏览 30提问于2020-09-13得票数 1
回答已采纳
我正在尝试覆盖一个外部组件的默认CSS，该组件不是在Material-UI或我的项目中开发的。在styled-components中，我可以只获取根类，并用我的自定义CSS替换它们。如何使用Material-UI-React执行相同的操作？.ace-tm .ace_variable {
col
浏览 16提问于2019-08-20得票数 2
我有一个具有应用自定义CSS类Grid的addPanel元素(使用makeStyles)。在经过调整的HTML中，它看起来像应用于div元素的div类。但是Material本身，另外将自己的风格应用于这个div，它看起来像这个.MuiGrid-spacing-xs-3 > .MuiGrid-item。当然，物质UI 2类选择器比我的1类选择器具有更高
浏览 6提问于2020-12-11得票数 1
回答已采纳
我尝试更改material-ui的timeInput (material-ui-time-picker)时钟的颜色，但没有更改。我的代码是： style ={heure} value={heureDebut}
onChangezmdi-alarm" /></Ic
浏览 1提问于2019-04-15得票数 6
我是材料设计的新手。目前，我正在用ReactJS开发Material UI。基本上，我试图复制与标准CSS行为相同的行为。;我的react代码如下：import Button from '@material-ui/core/Button';
import { withStyles&
浏览 1提问于2018-11-30得票数 0
材料-UI文档的反应说，光和黑暗变体的主要和次要颜色将自动计算。palette.primary.main, // dark: will be calculated from palette.primary.main,})
然后，我将如何指定我希望一个组件使用第二颜色的<
浏览 2提问于2020-04-02得票数 7
回答已采纳
在Material UI v4中，我可以通过浏览器开发工具找到component props classname应用的样式。这使我能够更容易地覆盖组件的特定样式。但在Material UI v5中，我不知道浏览器开发工具应用了哪些类名样式。我如何知道应用的类名样式，比如.MuiButton-包含在Material UI<
浏览 2提问于2021-09-22得票数 2
1回答
由资料-UI样式覆盖的样式
、、、、
CodeSanbox (已更新以反映已接受的答案)我希望与className道具一起传递的任何外部样式都比我的自定义组件内部样式具有更高的特异性。这样，使用它的人就可以调整边距和填充。然而，我的组件默认的内部样式正在覆盖我的外部样式，我希望它是相反的。详细信息：
我正在创建一个自
浏览 9提问于2020-02-12得票数 5
回答已采纳
我正在使用来自的。在一个组件中，我使用两个不同的图标，我希望它们是不同的大小和其他样式。<ListItemIcon/>是用svg构建的，它有类名MuiSvgIcon-root --这是我应该更改图标的fontSize的地方。我不知道怎么做。当我这么做 root:{
fontSize: "2rem
浏览 3提问于2020-02-03得票数 2
回答已采纳
1回答
我正在使用，只想为tooltipPlacementTop类更改一种样式(边距)： tooltipPlacementTop<Tooltip classes={{ tooltipPlacementTop: classes.tooltipPlacementTop }} >
但是，通过这种方式，它覆盖了默认情况下这个类的所有样式如何保留默认的
浏览 4提问于2021-01-05得票数 1
回答已采纳
该代码与我的代码的唯一区别是，我在沙箱示例中复制了Button组件的代码，而在我的应用程序中，Button组件是从一个库(与应用程序属于相同的纱线工作区)导入的。/core": "@material-ui/core",
"@material-ui/icons": "@mater
浏览 6提问于2020-04-18得票数 5
我目前使用material-ui有以下主题：import { blue, greensecondary: green,});
现在，如果我对从material-ui colors导入的green对象执行console.l
浏览 21提问于2021-02-16得票数 1
回答已采纳
1回答
我想给ul内部的Pagination风格，但无论我做什么，没有任何工作！这是一张照片：
以下是我迄今所做的尝试： Pagination} } }));
<Pagination className={classes
浏览 3提问于2020-04-29得票数 2
回答已采纳
当variant="outlined"和我在InputProps中使用notchedOutline时，我成功地使用了大纲自定义样式。否则，即使在underline作为InputProps中的键/类的情况下，它也不能工作。 我甚至尝试过root。
浏览 4提问于2019-05-07得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
