首页 > 解决方案 > 如何通过浏览器开发工具找出基于材质 Ui v5 中组件道具应用的样式?

问题描述

在 Material UI v4 中,我可以通过浏览器开发工具找出组件道具类名应用了哪些样式。这使我能够更容易地覆盖组件的特定样式。但是在 Material UI v5 中,我不知道浏览器开发工具应用了哪些类名样式。我如何知道应用的类名样式,例如 Material UI v5 中包含的 .MuiButton?

Material UI v4 中的按钮变体 =“包含”

按钮包含 Material UI v4

Material UI V5 中的按钮变体 =“包含”

在此处输入图像描述

标签: javascriptreactjsbrowsermaterial-ui

解决方案


所有样式都适用于.MuiButtonBase-root-Mui-Button-root

@mui/styles是MUI的传统样式解决方案。它在 v5 中已弃用。它依赖于 JSS 作为样式解决方案,不再使用@mui/material

改用道具_sx


推荐阅读