问题标签 [jss]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
394 浏览

reactjs - 如何覆盖已编译的类?

我试图将覆盖样式应用于已编译的类名。我编译的代码就像......

<div class="MuiListItemText-root-262" >

我希望能够像这样定位特定的项目

const styles = () => { MultiListItemText-root-262: { color: red; } }

在香草 CSS 中我可以做到.MultiListItemText-root-262: { color: red; }

我怎样才能在 JSS 中做同样的事情?

0 投票
2 回答
3690 浏览

css - 修复 Material-UI 右侧持久抽屉动画

我有一个相当复杂的应用程序,有多个抽屉。我遇到了右侧抽屉动画的问题。抽屉本身的动画效果很好,但父 div 没有。我尝试将抽屉的相同动画应用于父 div,但这并没有解决我的问题。我已经在 CodeSandbox 中复制了这个问题。见下文。

例子

0 投票
1 回答
3199 浏览

reactjs - JSS 设置 RGB 背景颜色

如果我有一个由 redux 状态获取的 RGB 值,我如何使用这些值来设置带有 JSS 的元素的背景颜色?

0 投票
3 回答
14115 浏览

css - 如何在`JSS`中实现`CSS`嵌套规则?

我想知道如何在Material-UI或一般情况下使用css类嵌套?我正在尝试如下。JSS

0 投票
1 回答
3914 浏览

jss - 如何使用 JSS 设置滚动条样式?

如何使用JSS设置滚动条样式?下面的解决方案不起作用。

0 投票
1 回答
165 浏览

reactjs - 如何覆盖material-ui组件类

我想更改 SnackbarContent 的宽度,并尝试覆盖根 css api。我该怎么做?

0 投票
3 回答
3800 浏览

reactjs - 如何根据 props 应用样式?

我正在使用 React 和 Material-ui,目前我正在做类似下面的代码的事情。
有没有更好的办法?

例如,是否有一个函数允许您访问组件下方的“样式”jss 对象中的“道具”,该对象最终使用 withStyles() 注入到组件中,而无需执行所有这些丑陋的内联样式?

谢谢。

0 投票
2 回答
26 浏览

javascript - 如何在初始化下一个属性时获取对象属性值?

当我尝试 JSS 时,我需要做这样的事情:

我已经尝试了几件事来解决这个问题,但没有一个能满足我的需求。我想出的最接近的一个:

我只想问你们为什么我在第一个示例中将 this.width 设置为未定义,有没有更好的方法来处理这个问题?

0 投票
2 回答
3702 浏览

reactjs - 如何在 Material UI/JSS 中定位复杂组件的同级/子级

我目前在我的项目中使用 Material UI。它运行良好,但我无法弄清楚的一件事是如何使用 JSS 设置子组件和兄弟组件的样式。

例如,Material UI 的组件呈现如下:

Material UI 文档中,我知道这只是一些较低级别组件的包装器。我可以像这样使用这些单独的组件createMuiTheme()

我不明白的是如何定位这些组件中的孩子和/或兄弟姐妹 - 例如,在我的createMuiTheme函数中,我如何定位 MuiFormControl 组件内的 MuiFormLabel 组件?或者,如果 MuiFormLabel 组件具有某个类,我如何定位 MuiInput 组件?我知道我可以使用普通的 CSS(例如'& label')来定位元素,但我不知道如何定位组件/类,因为类名是动态的。

0 投票
1 回答
2129 浏览

javascript - How to set background color of label in react?

Could you please tell me how to set the background color of the label in react? I am using react. + material ui from here.

Here is there is the concept of writing CSS in js when you scroll pages there are few plugins available examples jss-nested is using that I try to make label color to red or background color to red but I am not able to do that.

Here is my code.

I do the following steps:

on test.js to make the background red I used this code

but this code is not working. Check my screen shot I want to make that label background to red enter image description here

enter image description here

don't want to show primary theme to input field