的边框底部

【问题标题】：How to change the border Bottom of Material-UI <Autocomplete/> if is disable如果禁用，如何更改 Material-UI <Autocomplete/> 的边框底部
【发布时间】：2021-01-09 04:22:30
【问题描述】：

我想更改 MaterialUi 提供的自动完成组件在禁用时的外观。他们提出，我想，borderBottom: dotted。我希望它看起来像我在以下示例中显示的选择，也已禁用。

https://codesandbox.io/s/xenodochial-shtern-7icn9?file=/src/playground.js

我不知道如何正确覆盖 MaterialUi 提出的属性。欢迎任何想法。

【问题讨论】：

标签： reactjs material-ui

【解决方案1】：

添加你的主css（为了覆盖规则，它必须在mui之后导入）：

.MuiInput-underline.Mui-disabled:before {
  border-bottom: 0;
}

【讨论】：

非常感谢 Daniil，我已经很努力地尝试了，但没有取得好的结果，以至于我似乎几乎不可能更改该属性。我很抱歉，但我不太明白你是怎么做到的，我最近开始做前端工作。
当你使用任何你知道 css 附带的 ui lib 时，所以几乎所有这些我们都可以重写，因为它允许 css：last rule = actual rule。 Мy 解决问题的经验不仅在前端帮助了我