javascript - Material UI 的 CSSBaseline 破坏了 react 提及

标签 javascript html css reactjs material-ui

我试图找出为什么 Material UI 的 CSSBaseline 破坏了 React-mentions 的背景颜色对齐以及如何解决这个问题 ( https://www.npmjs.com/package/react-mentions )

看看以下设置: https://codesandbox.io/s/frosty-wildflower-21wqm

目前我几乎陷入困境,我真的希望有人能帮助我找到解决办法。

如果有任何问题,请告诉我。

干杯

最佳答案

您的问题是 MuiBaseline 设置的 line-height 属性;要解决此问题,只需将其重置为 1,如下所示:

* {
  line-height: 1;
}

工作解决方案:https://codesandbox.io/s/nifty-glitter-4j0c5?file=/src/styles.css

关于javascript - Material UI 的 CSSBaseline 破坏了 react 提及,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69439961/

相关文章:

javascript - 在 JavaScript 的 Underscore.js 库中, 'context' 是什么意思,我该如何使用它?

javascript - Jquery 切换文本按钮,内部带有 Bootstrap 图标

javascript - Css block 绘制区域

html - 如何将可滚动 Div2 中 Div1 的宽度动态更改为 Div2 的宽度

javascript - Spring : CSS, JS 未加载

javascript - 调整浏览器宽度时导航栏响应问题?

javascript - 如何从一系列捐赠中返回每个独特捐赠类别的总计?

javascript - 提取并添加指向字符串中 URL 的链接

javascript - `redux-loop` 和 `connected-react-router` 兼容吗?

javascript - JQuery addClass() 中有一个空格?