gpt4 book ai didi

javascript - SVG anchor 当前页面突出显示

转载 作者:行者123 更新时间:2023-11-28 13:40:28 25 4
gpt4 key购买 nike

我有一个基于 SVG 的菜单,其链接类似于以下内容。我想突出显示当前页面的链接(例如,通过添加“font-weight:bold”)。有什么建议么?我应该用 Javascript 做些什么吗? (请注意,为了兼容性,我通过 标记在我的 HTML 页面中链接 SVG,因此该解决方案必须使用该约束。)哦,我对高亮显示仅在现代浏览器中有效感到满意。

<svg ...>
<style type="text/css">
a text {
fill:#ffffff;
}
a:hover text {
fill:#2020ff;
}
</style>
<g>
<a id="aHome" xlink:href="/" target="_top">
<text id="txtHome">Home</text>
</a>
...
</g>
</svg>

最佳答案

好吧,显然一周忘记这件事值得一枚青铜徽章。 :-P

无论如何,上面的代码实际上本身就是正确的。想想看 - 我有其他覆盖 CSS 样式导致 a:hover 位失败。

关于javascript - SVG anchor 当前页面突出显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12469973/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com