Подскажите, пожалуйста, как установить цвет фона label в
реагировать?
Я использую react. + material ui из здесь .
Здесь есть концепция написания CSS в js, когда вы прокручиваете страницы, есть несколько доступных плагинов. Примеры, которые использует jss-nested, я пытаюсь сделать label цветным красным или фоновым. цвет на красный, но я не могу этого сделать.
Здесь - мой код.
Я делаю следующие шаги:
import JssProvider from "react-jss/lib/JssProvider";
import jssNested from "jss-nested";
import { create } from "jss";
import { createGenerateClassName, jssPreset } from "@material-ui/core/styles";
const styleNode = document.createComment("jss-insertion-point");
document.head.insertBefore(styleNode, document.head.firstChild);
const generateClassName = createGenerateClassName();
const jss = create({
...jssPreset(),
plugins: [...jssPreset().plugins, jssNested()],
// We define a custom insertion point that JSS will look for injecting the styles in the DOM.
insertionPoint: "jss-insertion-point"
});
на test.js
чтобы сделать фон красным, я использовал этот код
const styles = {
formControl: {
width: "100%",
'& .label': {
background: 'red'
},
// Use multiple container refs in one selector
'&.selected, &.active': {
border: '1px solid red'
}
},
но этот код не работает. Проверьте мой снимок экрана, я хочу сделать этот label фон красным
не хочу показывать основную тему в поле ввода