我在Material UI中有一个Autocomplete元素,但下拉列表没有使用TextField的全宽.

enter image description here

enter image description here

推荐答案

实现这一点的最快方法是向名为style(版本4)或sx(版本5)的自动完成元素添加新的props .以下示例说明了如何执行此操作:

    <Autocomplete
      (...)
      style={{ width: 300 }}
    />
    <Autocomplete
      (...)
      sx={{ width: 300 }}
    />

或百分比值

    <Autocomplete
      (...)
      style={{ width: "100%" }}
    />
    <Autocomplete
      (...)
      sx={{ width: "100%" }}
    />

如果这不起作用,那么请向我们展示什么是适用于类的css规则称为searchContainer.

Javascript相关问答推荐

容器如何更改默认插槽中子项的显示?

为什么我的includes声明需要整个字符串?

Chart.js V4切换图表中的每个条,同时每个条下有不同的标签.怎么做?

React Code不在装载上渲染数据,但在渲染上工作

如何在mongoose中链接两个模型?

获取Uint8ClampedArray中像素数组的宽度/高度

如何从网站www.example.com获取表与Cheerio谷歌应用程序脚本

在JS中拖放:检测文件

在forEach循环中获取目标而不是父对象的属性

TypeError:无法分解';React2.useContext(...)';的属性';basename';,因为它为空

在开发期间,Web浏览器如何运行&qot;.jsx&qot;文件?

AddEventListner,按键事件不工作

使每个<;li>;元素的 colored颜色 与随机生成的 colored颜色 列表不同(不重复

使用CEPRESS截取时,cy.Wait()在等待5000ms的第一个路由请求时超时

如何使用[ModelJSON,ArrayBuffer]调用tf.loadGraphModelSync

如何在Reaction中清除输入字段

P5play SecurityError:无法从';窗口';读取命名属性';Add';:阻止具有源的帧访问跨源帧

$GTE的mongoose 问题

在每次重新加载页面时更改指针光标

如果我将高度设置为其内容的100%,则在Java脚本中拖动以调整面板大小时会冻结