Чтобы удалить подчеркивание из средства выбора даты MUI (Material-UI), вы можете попробовать следующие методы:
-
Использование CSS.
Вы можете указать элемент подчеркивания с помощью CSS и установить для его свойства display значение none. Вот пример:.MuiInput-underline:before { border-bottom: none; }
Это правило CSS нацелено на элемент подчеркивания в поле выбора даты MUI и удаляет нижнюю границу.
-
Переопределение стилей MUI:
Вы можете переопределить стили MUI по умолчанию для компонента выбора даты. MUI предоставляет компонентThemeProvider
, который позволяет настраивать стили. Вот пример:import { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles'; import { DatePicker } from '@material-ui/pickers'; const theme = createMuiTheme({ overrides: { MuiInput: { underline: { '&:before': { borderBottom: 'none', }, }, }, }, }); // Inside your component <MuiThemeProvider theme={theme}> <DatePicker /> </MuiThemeProvider>
Этот подход позволяет настраивать стили MUI специально для компонента выбора даты.
-
Использование встроенных стилей.
Если вы предпочитаете использовать встроенные стили, вы можете напрямую применить стиль к компоненту выбора даты. Вот пример:<DatePicker InputProps={{ classes: { underline: 'no-underline', }, }} />
Затем в CSS определите класс
no-underline
, чтобы удалить подчеркивание:.no-underline:before { border-bottom: none; }