Material-UI TextField装饰结束右填充问题

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
    }
  }
}