Material-UITextField adornedEnd右填充问题

Question

使用Material-UI 4.5.2。我正在添加一个结束装饰，并希望更改正确的填充，以便图标位于最右边的位置。我试图用 类 属性 覆盖它，但没成功。 https://codesandbox.io/s/textfield-adornedend-wf5p8

提前致谢

Answer 1

您需要向 InputProps 提供 adornedEnd class 规则：

  InputProps={{
    endAdornment: (
      <InputAdornment position="end">
        <IconButton disableRipple={true} size="small">
          <ClearIcon />
        </IconButton>
      </InputAdornment>
    ),
    classes: {
      adornedEnd: classes.endAdornment
    }
  }
}