Material-UI TextField adornedEnd 右填充问题

Question

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

提前致谢

Answer 1

您需要为 InputProps 提供 adornedEnd 类规则：

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