web-dev-qa-db-fra.com

Comment désactiver le soulignement du sélecteur de dates de Material UI dans React?

Comment puis-je désactiver l'affichage du soulignement aux sélecteurs de matériel?

sandbox https://codesandbox.io/s/l2ykr7kwvz?from-embed

Je veux supprimer le soulignement de son TextField.

J'ai essayé

disableUnderline={true}

underlineStyle={{display: 'non'}}

showingUnderline={false}

Mais rien ne fonctionne, comment puis-je cacher le soulignement?

<DatePicker
    underlineStyle={{display: 'none'}}
    value={selectedDate}
    onChange={this.handleDateChange}
    animateYearScrolling={false}
/>
reactjsmaterial-designmaterial-ui
14
Juntae

le sélecteur de date material-ui est un champ de texte de la fondation et vous pouvez supprimer le soulignement simplement en utilisant des accessoires de saisie

(DatePicker, TimePicker et DateTimePicker fonctionneront tous de cette façon)

<DatePicker
  value={selectedDate}
  InputProps={{
   disableUnderline: true,
  }}
  onChange={this.handleDateChange}
/>

trouver l'exemple de ici

j'espère que ceci vous aidera

25
Nadun