[Select] How to disable the underline?

in Select component, property inputProps={{ disableUnderline: true }} doesn’t do anything, it doesn’t disable input’s underline, but I can disable it somehow, indicating clearly input={<Input disableUnderline />}, I think its a bug, can you fix it?

[oliviertassinari]

@bife1 The Select component inherited the properties of the Input component. disabledUnderline is implemented by the Input component. So the answer to your problem is:

import * as React from "react";
import { MenuItem, Select } from "@material-ui/core";

export default function Demo() {
  return (
    <Select
      disableUnderline
      value={10}
      variant="standard"
      inputProps={{
        name: "age",
        id: "age-simple"
      }}
    >
      <MenuItem value="">
        <em>None</em>
      </MenuItem>
      <MenuItem value={10}>Ten</MenuItem>
      <MenuItem value={20}>Twenty</MenuItem>
      <MenuItem value={30}>Thirty</MenuItem>
    </Select>
  );
}

https://codesandbox.io/s/84jkyqpvp0

[amaslakov]

@bife1 The Select component inherited the properties of the Input component. disabledUnderline is implemented by the Input component. So the answer to your problem is:

<Select disableUnderline />

https://codesandbox.io/s/84jkyqpvp0

@oliviertassinari Maybe you could add this to the doc, Select API page? I ran into the same issue, read the docs, tried inputProps which didn’t work, then googled this solution.