jss相关内容

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

我正在尝试使用材料UI切换按钮，有点像单选按钮，为用户提供对给定问题的两个选择。 它基本上可以正常工作，但当尝试调整每个切换按钮被选中时的样式时，我无法更改切换按钮的背景颜色。我在ToggleButton组件上使用了CLASS属性，并在该属性中使用了"；SELECTED&QOOT；规则。 某些css属性(如pding&；boxShadow)可以正常工作，但其他属性(包括背景颜色)则 ..
发布时间：2022-09-25 09:55:28 其他开发

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

我正在使用Material-UIv5，并试图迁移到使用styled而不是makeStyles，因为这似乎是现在首选的方法。我知道使用makeStyles仍然有效，但我正在尝试改用新的样式解决方案。 我有一个表示导航链接的列表项目列表，我想突出显示当前选择的项目。下面是我如何使用makeStyles完成此操作： interface ListItemLinkProps { labe ..
发布时间：2022-02-22 23:51:00 其他开发

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

当前我正在使用以下代码通过JSS向元素添加颜色。 const styleSheet = theme => ({ root: { backgroundColor: theme.colors.red, }, }) 我想知道是否存在根据颜色添加不透明度的函数theme.colors.red。 示例SMT，如： backgroundColor: color(theme. ..
发布时间：2022-02-22 22:56:11 前端开发

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

我正在使用Material-UI处理个人网站，为了使其具有响应性，我想在较小的屏幕上隐藏图像，但当我尝试使用[theme.breakpoints.down('md')]时，它总是给我错误： TypeError：无法读取未定义的属性“Down” 我是初学者，就是不明白为什么会出现这个错误。我参考了文档和其他与此类似的问题，但找不到任何解决方案。 以下是我的组件： import ..
发布时间：2022-02-22 21:35:33 前端开发

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

我正在学习MUI，在课程中，讲师要求我只设计一个组件的样式，而不是整个主题的样式。 为此，它使用makeStyles函数并传播theme.mixins.toolbar。问题是，当我执行此操作时，出现以下错误： TypeError: Cannot read properties of undefined (reading 'toolbar') 本课程显然是版本4，而我使用的是版本5。 ..
发布时间：2022-02-22 21:33:12 前端开发

如何更改MUI TextField的边框颜色

我似乎想不出如何更改带轮廓的变体的轮廓颜色TextField 我查看了GitHub的问题，人们似乎倾向于使用TextField&Quot；InputProps&Quot；属性，但这似乎没有任何作用。 以下是我的代码的当前状态 import React from 'react'; import { withStyles } from '@material-ui/core/style ..
发布时间：2022-02-22 21:16:26 其他开发

MUI中的CSS子选择器

尝试在CSS中使用与此等效的MUI编写样式 .deleted td { background: red } 但不确定如何使用MUI的CSS in JS方式。 以下是我目前拥有的相关片段 const styles = theme => ({ deleted: { background: '#eee' } }) ..
发布时间：2022-02-22 20:58:51 其他开发

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

我已经学会了使用@keyframe在CSS中使用动画。但是，我想要将我的自定义动画代码编写到我的Reaction项目中(使用MUI)。我的挑战是如何编写Javascript代码来使用MUI中的makeStyle()自定义我的动画。 我希望能够以百分比自定义转换过程 这一次是在MUI。我需要能够在makeStyle()中编写这样的代码，但我似乎不知道如何编写。 @keyframes myEf ..
发布时间：2022-02-22 20:56:27 前端开发

带有MUI的CSS伪选择器

我在许多MUI代码中看到，他们在其Reaction样式的组件中使用伪选择器。我想我会试着自己做，但我做不到。我不确定我做错了什么，或者这是否可能。 我正在尝试制作一些CSS，以根据固定的标头来偏移此元素。 import React from 'react'; import { createStyles, WithStyles, withStyles, Typography } from ..
发布时间：2022-02-22 20:51:06 其他开发

如何在 React 中使用 clsx

我试图了解 clsx 在为 React 中的组件分配类名时的一些用途. 结构 className={clsx(classes.menuButton, open && classes.hide)} 已经够清楚了.它应用“classes.menuButton"，如果布尔值“open"的值为真，它也会应用“classes.hide". 我的问题与第二个例子有关: className={ ..
发布时间：2021-07-03 20:45:19 其他开发

自定义React组件样式被Material-UI样式覆盖

在以下位置的相关问题:由Material-UI样式覆盖的样式 我要在Material UI的顶部创建一个组件库.使用JSS，我希望能够将样式传递给我的自定义组件.但是，我遇到了Material-ui的根样式具有比我传递的更高的特异性的问题.我尝试使用 classes 语法覆盖material-ui组件的默认样式，但是它只是创建了另一个具有相似名称和更高特异性的类(makeStyles-roo ..
发布时间：2021-05-31 20:40:40 前端开发

JSS中的MUI全局类名称有多可靠?

我有这样的代码: const formControlStyles = {根: {'&:hover .MuiFormLabel-root':{}}} 在主题覆盖中使用类名称来访问其他组件是否安全?另外，是否有JSS方式从其他组件嵌套样式? 解决方案 这是相当安全的，但有一个警告.如果您使用嵌套主题，则在嵌套主题中应用的全局类名称将具有不可预测的后缀(例如 MuiFormLabel-r ..
发布时间：2021-05-31 20:35:17 前端开发

如何从祖先覆盖嵌套的Material UI组件的样式?

我正在使用一个来自外部库的组件，该组件不允许我对其样式进行很多更改，但是我想更改作为材质ui按钮的按钮的样式，当检查该元素时它会清楚地显示出类 MuiButtonBase根MuiIconButton根MuiIconButton-colorInherit 例如，如何覆盖MuiIconButton根样式?这是我的组件: class MyComponent扩展了Component {使成为() ..
发布时间：2021-05-31 20:33:51 前端开发

在主题之间来回切换时，Material-UI不变的颜色

我正在通过状态变量和 MuiThemeProvider 更改应用程序中的主题切换活动主题时，所有组件上的颜色均会正确更新，但只能更新一次.如果我切换回已经使用的主题，则颜色不会更新. https://codesandbox.io/s/focused-mcnulty-0tzm2?file =/src/App.js 您可以看到，在codesandbox上，来回切换会导致最后一个主题“粘住" ..
发布时间：2021-05-31 20:31:35 其他开发

具有material-ui的CSS伪选择器

我在很多Material-ui代码中都看到过，他们在自己的响应样式组件中使用伪选择器.我以为自己会尝试这样做，但我无法使其正常工作.我不确定自己在做什么错，甚至不确定是否可行. 我正在尝试制作一些CSS，以使此元素相对固定的标头偏移. import从'react'导入React；从'@ material-ui/core'导入{createStyles，WithStyles，withSty ..
发布时间：2021-05-31 20:28:35 其他开发