google-chrome - svgChromeのホバーで要素内の要素に下線が引かれます

Answer 1

Answer 2

サファリの場合、svg要素をdivでラップし、スタイルを適用する必要がありました

text-decoration: none !important;

そのdivに（私はsassを使用しています）：

.header__logo {
    text-decoration: none !important;  // Safari adds text decoration to    text element inside svg
    a:-webkit-any-link,
    a:hover {
        text-decoration: none;
    }
}