如何设置标签的背景色？

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不带点