html - 如果它在 css 的伪类中，如何在悬停时更改外部 svg 颜色

Question

我只想要那个区域的 html 文件，我不想使用或任何我只是有好奇心和坚持使用 css pseudo 来做它。 我已经看到一个网站已经做到了，正如我在他的导航栏中所想的那样 访问https://www.nationalww2museum.org ？

我尝试了很多方法，但据我所知似乎不可能。

** 那是 HTML **

<li id="upper-header-content-nav-ul-li" style="margin-left: 30px;">
<a href="#select" id="upper-header-content-nav-ul-li-a">SELECT LANGUAGE</a>
</li>

** 这就是 CSS **

#upper-header-content-nav-ul-li-a[href="#select"]::before{
    background-image: url(world1.svg) ;
    content: '';
    height: 22px;
    width: 27px;
    margin-top: 1px;
    display: inline-block;
    size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

Answer 1

I have seen a website did it already as i think in his navigation bar visit https://www.nationalww2museum.org

本网站的导航栏使用图标字体，而不是 SVG 图像。无法更改通过 URL 集成的外部 SVG 的颜色。