Question

我在我的angular 2应用程序中包含了svg图标，将鼠标悬停在图标上时会显示``图标''标题。我已将Angular SVG图标用于内联Svg以应用CSS样式。我想从所有SVG图标中删除这些标题。

<svg-icon src="images/svg/icons_date.svg" class='svg- 
icons'></svg-icon>

<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" 
viewBox="0 0 20 20"><title>icons</title><path ="M10,0A10,10,0,1,0,20,10,10,10,0,0,0,10,0Zm0,1a9,9,0,0,1,7.16,14.56v-.06a3.39,3.39,0,0,0-3.39-3.39H6.23a3.39,3.39,0,0,0-3.39,3.39v.06A9,9,0,0,1,10,1ZM3.8,16.57V15.46A2.44,2.44,0,0,1,6.23,13h7.54a2.44,2.44,0,0,1,2.44,2.44v1.11a9,9,0,0,1-12.41,0Zm6.31-5.1A4.23,4.23,0,1,0,5.87,7.24,4.24,4.24,0,0,0,10.11,11.47Zm0-7.51A3.28,3.28,0,1,1,6.83,7.24,3.28,3.28,0,0,1,10.11,4Z"></path></svg>

是否有任何要删除的选项。

Answer 1

将以下代码添加到您的svg文件中。

<style>
   svg { pointer-events: none; }
</style>

如何在角度2中隐藏或删除SVG元素的标题属性

1 个答案: