IEのアンカー擬似要素のCSSのアンダーラインを削除するには

Question

Internet ExplorerのCSS疑似要素のtext-decoration: underlineを削除するにはどうすればよいですか？

+アイコンには他のブラウザ（Google Chromeなど）では下線は表示されませんが、Internet Explorerでは+アイコンに下線が引かれています。 Internet Explorerのアンダーラインを削除するには？

コード（https://jsfiddle.net/u5m067xq/4/）：

h3 a { 
 
    text-decoration:underline; 
 
} 
 
h3 a:before { 
 
    display:inline-block; 
 
    content: '+'; 
 
    margin:0; 
 
    padding: 4px; 
 
    text-decoration:none; 
 
}

<h3><a href="#">link</a></h3>

Answer 1

このコードは、あなたが期待どおりに動作しています。 aタグの既定のスタイルはtext-decoration: underlineです。それをnoneに設定する必要があります。

span { 
 
    text-decoration: underline; 
 
} 
 
h3 a:before { 
 
    display: inline-block; 
 
    content: '+'; 
 
    margin: 0; 
 
    padding: 4px; 
 
    text-decoration: none; 
 
} 
 
a { 
 
    text-decoration: none; 
 
}

<h3><a href="#"><span>link</span></a></h3>