小编Ken*_*enB的帖子

根据设计，单击 material-ui<Select>组件（或<TextField select>组件）会导致菜单项出现在覆盖原始 Select/TextField 元素的位置。

<Select ...>
  <MenuItem value={10}>Ten</MenuItem>
  <MenuItem value={20}>Twenty</MenuItem>
  <MenuItem value={30}>Thirty</MenuItem>
</Select>

是否可以覆盖此定位（无论是使用 JSS 还是使用新组合），以便菜单项直接在原始 Select/TextField 元素下对齐？

任何指导将不胜感激。谢谢你。

我正在将 Material-ui 用于 React。

我正在尝试自定义当用户单击 Mui<TextField>组件时转换到位的下划线的颜色，这是 jss 注入以下 CSS 的结果：

.MuiInput-underline:after {
    border-bottom: 2px solid #303f9f;
}

我已经投资于 styled-components 主题提供程序，并且不想引入 MuiTheme 提供程序以使用createMuiTheme和override。

我已经使用 styled-components 来覆盖许多其他 Mui 组件的样式，但无法.MuiInput-underline:after使用 styled-components覆盖。

我现在正在尝试使用 Mui 的 withStyles，但不确定确切的样式语义。我一直没有成功使用 InputProps 和使用类。

const styles = theme => ({
  inputProps: {
    underline: {
      '&:after': {
        border: '2px solid red'
      }
    }
  }
});

const MyTextField = props => {
  const { classes, ...rest } = props;

  return (
    <TextField InputProps={{ inputProps: …