材质用户界面切换按钮-选中时不能更改背景颜色

问题描述我正在尝试使用材料UI切换按钮,有点像单选按钮,为用户提供对给定问题的两个选择。它基本上可以正常工作,但当尝试调整每个切换按钮被选中时的样式时,我无法更改切换按钮的背景颜色。我在ToggleButton组件上使用了CLASS属性,并在该属性中使用了"SELECT

发布:2023-01-03 标签:reactjsmaterial-uijssformikformik-material-ui


在Material-UI中使用条件样式与样式化与JSS

问题描述我正在使用Material-UIv5,并试图迁移到使用styled而不是makeStyles,因为这似乎是现在首选的方法。我知道使用makeStyles仍然有效,但我正在尝试改用新的样式解决方案。我有一个表示导航链接的列表项目列表,我想突出显示当前选择的项目。下面是我如何

发布:2022-10-16 标签:reactjsmaterial-uiemotionjss


JSS如何更改颜色的不透明度

问题描述当前我正在使用以下代码通过JSS向元素添加颜色。conststyleSheet=theme=>({root:{backgroundColor:theme.colors.red,},})我想知道是否存在根据颜色添加不透明度的函数theme.colors.red。示例SMT,

发布:2022-10-16 标签:javascriptreactjsmaterial-uijss


Material-UI makeStyles无法读取未定义的属性'向下'

问题描述我正在使用Material-UI处理个人网站,为了使其具有响应性,我想在较小的屏幕上隐藏图像,但当我尝试使用[theme.breakpoints.down('md')]时,它总是给我错误:TypeError:无法读取未定义的属性"Down"我是初学者,就是不明白为什么会出

发布:2022-10-16 标签:cssreactjsmaterial-uijssmakestyles


MUI-makeStyles-无法读取未定义的属性

问题描述我正在学习MUI,在课程中,讲师要求我只设计一个组件的样式,而不是整个主题的样式。为此,它使用makeStyles函数并传播theme.mixins.toolbar。问题是,当我执行此操作时,出现以下错误:TypeError:Cannotreadpropertiesofu

发布:2022-10-16 标签:javascriptreactjsmaterial-uijss


如何更改MUI TextField的边框颜色

问题描述我似乎想不出如何更改带轮廓的变体的轮廓颜色TextField我查看了GitHub的问题,人们似乎倾向于使用TextField&Quot;InputProps&Quot;属性,但这似乎没有任何作用。以下是我的代码的当前状态importReactfrom'react';imp

发布:2022-10-16 标签:reactjsmaterial-uijss


MUI中的CSS子选择器

问题描述尝试在CSS中使用与此等效的MUI编写样式.deletedtd{background:red}但不确定如何使用MUI的CSSinJS方式。以下是我目前拥有的相关片段conststyles=theme=>({deleted:{background:'#eee'}})<Tab

发布:2022-10-16 标签:reactjsmaterial-uijss


如何在MUI中应用自定义动画效果@keyframe?

问题描述我已经学会了使用@keyframe在CSS中使用动画。但是,我想要将我的自定义动画代码编写到我的Reaction项目中(使用MUI)。我的挑战是如何编写Javascript代码来使用MUI中的makeStyle()自定义我的动画。我希望能够以百分比自定义转换过程这一次是在

发布:2022-10-16 标签:cssreactjsmaterial-uijss


带有MUI的CSS伪选择器

问题描述我在许多MUI代码中看到,他们在其Reaction样式的组件中使用伪选择器。我想我会试着自己做,但我做不到。我不确定我做错了什么,或者这是否可能。我正在尝试制作一些CSS,以根据固定的标头来偏移此元素。importReactfrom'react';import{creat

发布:2022-10-16 标签:reactjsmaterial-uijss


如何在没有ThemeProvider的情况下使用MUI v5 Make Styles?

问题描述我有一个styles.tsx文件,因为我不想在组件中放置样式://styles.tsximport{grey,purple}from'@mui/material/colors';import{styled,Theme}from'@mui/material/styles';

发布:2022-10-16 标签:reactjsmaterial-uijss