javascript - 为什么我的 Select 的 MenuProps 中的 PaperProps 中的样式不适用于选择

标签 javascript css reactjs material-ui frontend

此选择中的白色填充不会消失,我感觉我已经尝试了 30 种变体和位置来使 css 停止显示。有什么建议吗?这是使用 MUI 5,我什至尝试将其基于 this代码,我应用的样式在其中起作用,那么可能有什么问题?

使用我的代码编写沙箱 here

enter image description here

最佳答案

看来您在尝试直接定位 MenuProps 时,在基础上使用了带有 select 属性的 TextField 。 TextField API 没有 MenuProps,但有 SelectProps。尝试将你的 Prop 移入其中(这对我使用你的沙箱有用):

<StyledTextInput
  select
  defaultValue={"None"}
  displayEmpty
  SelectProps={{
    MenuProps: {
      PaperProps: {
        sx: {
          ".MuiList-root": {
            paddingTop: "0",
            paddingBottom: "0"
          }
        }
      }
    }
  }}

关于javascript - 为什么我的 Select 的 MenuProps 中的 PaperProps 中的样式不适用于选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/72205794/

相关文章:

reactjs - 使用react-icons时导入错误

javascript - 如何将数据从 .NET Controller 显示到 React View ?

javascript - jQuery Tabs 选定的选项卡防止跳转到顶部

javascript - 如何使下拉菜单显示/隐藏具有多个类的 div?

javascript - 将参数传递给命名导出对象文字内的函数

html - 当隐藏模块向右浮动时,Div 内容向左浮动 100%

javascript - 渲染后的 Vue 组件事件

html - 在容器中居中放置两个不同高度的文本元素

html - 错误布局 Bootstrap 库

javascript - 切换后返回按钮文本