Css 材质UI-擦除所有样式
是否有任何方法可以完全覆盖所有材质ui样式,并使组件符合您自己的完全自定义样式指南?从本质上说,擦除所有材质ui样式并从它们的html框架开始?使用mui或themeProvider为材质ui组件创建新主题不够健壮 我看过@material ui源代码,它们有一个styles.root变量。有没有办法访问该对象并使其更加健壮?我愿意接受任何想法和建议Css 材质UI-擦除所有样式,css,reactjs,styling,material-ui,Css,Reactjs,Styling,Material Ui,是否有任何方法可以完全覆盖所有材质ui样式,并使组件符合您自己的完全自定义样式指南?从本质上说,擦除所有材质ui样式并从它们的html框架开始?使用mui或themeProvider为材质ui组件创建新主题不够健壮 我看过@material ui源代码,它们有一个styles.root变量。有没有办法访问该对象并使其更加健壮?我愿意接受任何想法和建议 到目前为止,没有奏效的是: 经理 博物馆 内联样式(无法访问组件的子元素) 类样式(您必须使用!对于许多css属性非常重要,我们正试图避免使用
到目前为止,没有奏效的是:
- 经理
- 博物馆
- 内联样式(无法访问组件的子元素)
- 类样式(您必须使用!对于许多css属性非常重要,我们正试图避免使用)
材质UI不使用单独的CSS。所有CSS都是由JS驱动的,因此您唯一的选择是管理者提供的内容。如果删除所有样式,材质将剩下什么?听起来您最好创建自定义组件。@lux所有的材质ui交互、文档和支持/社区都非常有用:我们只是希望组件看起来非常不同并保持其功能。但你是对的,我们也谈到了这一点,而且看起来越来越有可能这是我们必须走的路线。我只是想确保在我们建立一个完全定制的图书馆之前没有其他的解决方案。明白了,我只能通过ThemeManager覆盖博物馆,但似乎还没有完全删除样式本身的情况。你可能也会幸运地在他们的github问题页面上发布这篇文章。谢谢@lux!我将发布到这篇文章,看看他们会说些什么。听起来这是一个足够广泛的更改,您可能需要分叉源代码,并用空样式替换默认样式的CSS/JS代码。例如,对于
按钮
组件,只需将styles对象替换为一个对象,其中所有键都相同,但值只是一个空对象{}
:如果擦除所有样式,材质将剩下什么样的外观?听起来您最好创建自定义组件。@lux所有的材质ui交互、文档和支持/社区都非常有用:我们只是希望组件看起来非常不同并保持其功能。但你是对的,我们也谈到了这一点,而且看起来越来越有可能这是我们必须走的路线。我只是想确保在我们建立一个完全定制的图书馆之前没有其他的解决方案。明白了,我只能通过ThemeManager覆盖博物馆,但似乎还没有完全删除样式本身的情况。你可能也会幸运地在他们的github问题页面上发布这篇文章。谢谢@lux!我将发布到这篇文章,看看他们会说些什么。听起来这是一个足够广泛的更改,您可能需要分叉源代码,并用空样式替换默认样式的CSS/JS代码。例如,对于按钮
组件,只需将styles对象替换为一个对象,其中所有键都相同,但值只是一个空对象{}
:是的,这正是我所担心的,唯一可用的更改将在管理员的约束范围内,谢谢@basarat!是的,这正是我所担心的,唯一可用的更改将在经理的约束范围内,谢谢@basarat!