Specifing a hover border color on a textfield using a custom theme with Material UI

问题

Having trouble finding documentation on how to change the default border color of an outlined Textfield on hover using a custom theme on Material ui.

回答1:

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

Reference Example

来源：https://stackoverflow.com/questions/52916042/specifing-a-hover-border-color-on-a-textfield-using-a-custom-theme-with-material