css - 更改菜单边框的颜色

我正在此网站上https://fortlauderdaleflorida.realestate/
我想更改顶部菜单的边框底部颜色。它出现在悬停上。目前为黄色，我想将其更改为蓝色。我为此编写了此CSS，但是它不起作用

.elementor-2992 .elementor-element.elementor-element-1b362db .elementor-nav-menu--main .elementor-item:hover{
    color: green;
    border-bottom-color: blue;
    text-decoration: none;
}

颜色和文本装饰属性正常工作，但边框底部无效。请告诉我该怎么做。

最佳答案

其实你应该写

.elementor-2992 .elementor-element.elementor-element-1b362db .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-2992 .elementor-element.elementor-element-1b362db .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
    background-color: blue;
}

因为黄线不是<a>而是<a>::after。

关于css - 更改菜单边框的颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57584276/