IE中的HTML CSS呈现问题

我一直在尝试为我的Uni建立一个使用基本HTML和CSS的搜索引擎，但是IE似乎不喜欢文本框。在Chrome和Edge中效果非常好，但由于某些原因，在IE中效果不佳

在搜索栏中输入文本时会出现此问题。下拉列表溢出到文本框中

代码：

。搜索框{
位置：绝对位置；
顶部：260px；
左：46%；
转换：翻译（-50%，-50%）；
背景：#2f3640；
高度：60px；
边界半径：40px；
填充：10px；
}
.search框：悬停>.search文本{
宽度：350px；
填充：0 6px；
}
.search框：悬停>.search btn{
背景：白色；
}
.搜索btn{
颜色：#e84118；
浮动：对；
宽度：40px；
高度：40px；
-webkit边界半径：50%；
-moz边界半径：50%；
边界半径：50%；
背景：#2f3640；
显示器：flex；
证明内容：中心；
对齐项目：居中；
过渡：1s；
}
.搜索文本{
字体系列：VFRegular；
边界：无；
背景：无；
大纲：无；
浮动：左；
填充：0；
颜色：白色；
字体大小：16px；
-webkit转换：0.5s；
-moz转变：0.5s；
过渡：0.5s；
线高：40px；
宽度：0px；
高度：50px；
}
.搜索框>ul{
左：-100px；
背景色：#2f3640；
颜色：白色；
边界半径：10px；
列表样式类型：无；
字体大小：15px；
}
.搜索框>ul li{
左：-10px；
裕度：0 10px 0；
宽度：90%；
边框底部：1px纯白；
z指数：1；
}
.搜索框>ul li:最后一个孩子{
裕度：0 10px 0；
边框底部：1px实心透明；
}
.搜索框>ul li:悬停{
字体大小：粗体；
}

代码片段中的搜索框似乎也不起作用，你能检查一下吗？你的IE版本是什么？我使用了你的代码，似乎我这边的一切都正常（使用IE 11、Microsoft Edge和Chrome），结果是。因此，请检查您的代码，问题是否与其他代码相关。此外，我建议您可以尝试使用或创建一个示例，我们最好重现问题并帮助您解决问题。您不再需要使用带有

边框半径的供应商前缀。多年来，这一趋势已接近普遍。这样你就可以安全地移除它们了，我有IE 11。该代码在Edge和Chrome中运行良好。但从来没有在IE上工作过。下拉列表与搜索栏重叠，但在chromeIt中工作良好。代码片段中的搜索框看起来也不工作，你能检查一下吗？你的IE版本是什么？我使用了你的代码，似乎我这边的一切都工作正常（使用IE 11、Microsoft Edge和Chrome），结果是。因此，请检查您的代码，问题是否与其他代码相关。此外，我建议您可以尝试使用或创建一个示例，我们最好重现问题并帮助您解决问题。您不再需要使用带有
边框半径的供应商前缀。多年来，这一趋势已接近普遍。这样你就可以安全地移除它们了，我有IE 11。该代码在Edge和Chrome中运行良好。但绝不适用于IE。下拉列表与搜索栏重叠，但在chrome中效果良好