#reactjs #material-ui
#reactjs #material-ui
Вопрос:
Я хотел бы изменить внешний вид компонента автозаполнения, предоставляемого MaterialUI, когда он отключен. Я полагаю, они предлагают borderBottom: пунктирный. Я бы хотел, чтобы это выглядело как выбор, также отключенный, который я показываю в следующем примере.
https://codesandbox.io/s/xenodochial-shtern-7icn9?file=/src/playground.js
Я не знаю, как правильно перезаписать свойство, предложенное MaterialUI. Любые идеи будут приветствоваться.
Ответ №1:
Добавьте в свой основной css (для перезаписи правила оно должно быть импортировано после mui):
.MuiInput-underline.Mui-disabled:before {
border-bottom: 0;
}
Комментарии:
1. Большое вам спасибо, Даниил, я так старался, без благоприятных результатов, что для меня уже казалось бы почти невозможным изменить это свойство. Я прошу прощения, но я не очень понимаю, как вам удалось это сделать, я недавно начал работать с интерфейсом.
2. Когда вы используете любую библиотеку пользовательского интерфейса, вы знаете, что она поставляется с css, поэтому почти все из них мы можем переписать, потому что это позволяет css :
last rule = actual rule. Мой опыт решения проблем не только во внешнем интерфейсе помог мне