reactjs - 如何使用主题组件自定义 Mui 中的概述输入？

Question

当他们将鼠标悬停在此输入上时，我想更改边框的颜色，我不知道该怎么做。我已经尝试过这段代码，但它不起作用。

    
    components: {
      MuiButton: {
        variants: [
          {
            props: { variant: "contained" },
            style: {
              borderRadius: "50px"
            }
          },
          {
            props: { variant: "outlined" },
            style: {
              borderRadius: "50px",
              "&:hover": {
                borderColor: "yellow"
              }
            }
          },
          {
            props: { variant: "text" },
            style: {
              fontSize: "smaller",
              borderRadius: "50px"
            }
          }
        ]
      },**MuiOutlinedInput:{
        "&:hover": {
          borderColor: "yellow"
        }**
      }
    }
  })

标签： reactjsmaterial-ui