使用 Material UI 的自定义主题指定文本字段上的悬停边框颜色

Question

无法找到有关如何使用 Material ui 上的自定义主题更改悬停时概述文本字段的默认边框颜色的文档。

Answer 1

MuiOutlinedInput: {
      root: {
        "&:hover:not($disabled):not($focused):not($error) $notchedOutline": {
          border: "2px solid",
          borderColor: "yellow"
        }
      }
    }

参考 示例

Answer 2

多用户界面v5

MuiTextField: {
  styleOverrides: {
    root: {
      '& .MuiOutlinedInput-root': {
        '& fieldset': {
          borderColor: 'black',
        },
        '&:hover fieldset': {
          borderColor: 'red',
        },
        '&.Mui-focused fieldset': {
          borderColor: 'yellow',
        },
      },
    },
  },
}