Webkit自动填充文字大小

时间:2019-08-09 22:20:16

标签: reactjs material-ui

使用Material-UI输入时,Webkit自动填充使用较小的字体。我想控制此字体大小。 检查此沙箱: https://codesandbox.io/s/rr9omj7q0p

这是我用于MUI的替代代码:

overrides: {
    MuiOutlinedInput: {
      root: {
        "& $notchedOutline": {
          borderColor: "#90caf9"
        },
        "&:hover:not($disabled):not($focused):not($error) $notchedOutline": {
          borderColor: "#90caf9",
          borderWidth: 2
        },
        "&$focused $notchedOutline": {
          borderColor: "#90caf9"
        },
        "&:-webkit-autofill": {
          WebkitBoxShadow: "0 0 0 1000px black inset"
        }
      },
      notchedOutline: {}
    }

0 个答案:

没有答案