You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Material UI Autocomplete嵌入AppBar聚焦异常及样式匹配问题求助

Material UI Autocomplete嵌入AppBar的样式问题

我尝试将Material UI Autocomplete选择字段嵌入AppBar组件中,但聚焦时出现异常:标签显示在AppBar后方,且边框消失。

基于MUI官方的「AppBar with text field」示例,我制作了复现案例,新增了带有Autocomplete字段的AppBar。

疑问

  1. 该问题的成因是什么?如何修复?
  2. 作为MUI新手,需要覆盖Autocomplete组件的哪些类才能使其样式与示例中的文本字段一致?

感谢您的帮助!

问题截图

内容的提问来源于stack exchange,提问作者Roei Bahumi

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.14 20:41:08