Microsoft Edge:单击搜索图标后，css的一部分不支持

对于Microsoft edge和Internet Explorer浏览器的同一段代码，使用Css的另一种方法是什么。调试时，以下一个Css代码显示在chrome中，但未显示在Microsoft edge Internet Explorer浏览器中。谁能给我推荐一下吗

.main-header .search-input:not(:placeholder-shown) + .search-button, .main-header 
.search-input:focus + .search-button {
    background: #00a0ff;
}

Html代码：

---

你可以发布相关的Html元素代码来重现问题，如中所示。此外，我建议你可以尝试添加CSS样式分离。我也尝试了分离，但它无法处理已发布的Html代码。仍然无法重现问题，似乎你的应用程序是一个有角度的应用程序，并且它也使用CSS框架，对吗？您能否使用或再现问题来创建样本？