更改菜单边框底部的颜色

Question

我正在这个网站上工作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;
}

Color 和 text-decoration 属性有效，但border-bottom 无效。请告诉我该怎么做。

Answer 1

其实你应该写

.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。

Answer 2

你应该添加你的css

css

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