问题标签 [makestyles]

安装后，我从文档中复制了这段确切的代码npm install @mui/styles：

在我的本地机器上，它似乎忽略了颜色白色属性、边框属性以及框阴影。是否有一个原因？我已经在我的 package.json 中确认我正在运行 mui-material/styles 5.2.3

我有这个Product基于这个例子的组件。这是我的组件：

Product.tsx：

useStyles.ts：

问题是该Card组件没有secondaryBorderie 它周围没有蓝色边框。那么问题是什么？

谢谢！

在我的反应项目中，我试图调整 appbar 的宽度。截至目前，它被推到最左边，如下图所示。

我尝试使用的自定义类没有做任何事情。没有错误消息，只是不工作。

有谁看到我做错了什么？

我正在使用 Material-UImakeStyles功能TypeScript

我在这里找到了如何做到这一点的解决方案并且它正在工作：

但我试图了解事情是如何运作的。

我不明白这<Theme, StyleProps>部分。我查看了 StackOverflow 上有关此的所有解决方案，没有人解释它。

有人可以澄清一下吗？

谢谢。

除非我在组件内使用 sx 来设置样式或在 makeStyle 类中使用 !important ，否则我无法覆盖材质 UI Appbar 样式。我不想使用 sx，因为我希望组件看起来整洁。我的代码看起来像：

如果有人可以向我解释覆盖 Material UI 样式的最佳方法，那就太棒了

由于字体大小，我不喜欢我的登录页面目前是 3 行文本，所以我想在移动设备的小屏幕上使其更小。这是我使用的代码：

在为 makeStyles 添加代码之前，我的登录页面如下所示：

现在，它看起来仍然一样（用于测试的 fontSize 2 应该非常明显）：

我是 React JS 和 Material UI 的初学者。

我正在尝试制作不同样式的按钮。例如，如果按钮属性名称= submit,ok,cancel,confirm,alert，则每个按钮的样式应该彼此不同

应用程序.JS

按钮.JS

我目前正在开发 SunEditor-React NPM 包。一些设计使我的模板不对齐。所以我打算覆盖css，只使用需要的css。

目前在我的项目中，我正在使用 Material UI makeStyles 来设置我的组件的样式。

这是我当前的组件样式表。

我需要把这个 css 写到上面的 makeStyles 中。

谁能帮我做到这一点。先感谢您。

我试图在列表组件的左端和右端有两个操作按钮。

• 点击secondary action (right side delete icon)波纹仅限于唯一的图标。

• 点击primary action(left delete icon)涟漪效果在整行上。

预期行为：

我想要主按钮上的涟漪效果，类似于次要操作按钮的效果。
重要的是，我不能禁用文本涟漪效应作为临时解决方案。

代码示例：

代码沙盒链接

我查看了一个教程并在我的 App.js 中编写了完全相同的代码来创建样式按钮，makeStyles但它没有用。每当我使用makeStyles它时，它都会导致其他组件消失。我尝试在没有任何其他组件的情况下独立使用它，但效果不佳。

这是我的App.js一切都应该可以正常工作，但是.....