如何在反应中设置标签的背景颜色？

Question

你能告诉我如何设置label的背景颜色吗？ 反应？ 我正在使用来自here 的react. + material ui。

Here 是否有在js 中编写 CSS 的概念，当您滚动页面时，可用的插件很少，例如jss-nested 正在使用我尝试将label 颜色设置为红色或将背景颜色设置为红色，但是我做不到。

Here 是我的代码。

我执行以下步骤：

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 背景变为红色

不想在输入字段中显示主要主题

Answer 1

您应该使用.label 来匹配带有类（或React 中的className）标签的元素，对于元素<label> 使用不带点的label