如何从<;中删除悬停时的下划线;文本>;在<;a>;svg中的元素

如何从<;中删除悬停时的下划线;文本>;在<;a>;svg中的元素,svg,hyperlink,underline,Svg,Hyperlink,Underline,在svg代码中,我无法消除链接上悬停的下划线。 有关网站: 下划线出现在地图上的所有标签上,我在下面提供了一段代码作为参考(对于其中一个标签) 代码由adobe illustrator生成。这是SVG tiny 1.1,因为SVG 1.1创建的代码太长,我无法在不进入开发人员模式的情况下使用。我使用的是squarespace,我不是专业的开发人员 我已经尝试了之前提出的关于SO的问题中提供的解决方案(这是我发现的唯一一个相关问题),但它不起作用: 我想您的CSS样式中有 由于id为Tekst的

在svg代码中,我无法消除链接上悬停的下划线。 有关网站: 下划线出现在地图上的所有标签上,我在下面提供了一段代码作为参考(对于其中一个标签)

代码由adobe illustrator生成。这是SVG tiny 1.1,因为SVG 1.1创建的代码太长,我无法在不进入开发人员模式的情况下使用。我使用的是squarespace,我不是专业的开发人员

我已经尝试了之前提出的关于SO的问题中提供的解决方案(这是我发现的唯一一个相关问题),但它不起作用:


我想您的CSS样式中有


由于id为
Tekst
的组包含所有a元素,因此不会像
#Tekst a:hover{text-decoration:none;}
这样足够了?谢谢您的回复。我一直想知道你的答案,但我没有足够的知识来理解该怎么做。当我在JSFIDLE中运行代码时,它在链接上没有下划线。因此,它似乎是我正在使用的squarespace模板中的一个覆盖样式元素。但是,我无法访问该代码,因此我必须调整svg代码以覆盖它。这就是你在回答我的问题@enxaneta,我只是不确定在我的svg代码中插入什么以及插入到哪里。@FredericKlein-你的建议应该放在标签中吗,比如?对不起,我对HTML的了解不是很好。感谢您的建议我已经更新了我的答案,解释了如何在SVG元素中添加样式。请看一看。您的第一个代码没有做任何事情,但再一次-我不确定是否正确地将其插入到代码中(颜色保持黑色,不确定是否应该在某个标记中)。你最后的代码为我解决了这个问题。非常感谢。
<g id="Tekst">
<a xlink:href="https://www.lokalfilm.com/sunde" >
<text transform="matrix(1 0 0 1 352.7658 322.5889)" font- 
family="'BlockBE-Regular'" font-size="11px">Sunde</text>
</a>
</g>