So entfernen Sie Unterstreichung in CSS für Anker Pseudoelement in IE

Question

So entfernen Sie für CSS-Pseudoelement in Internet Explorer? Das Symbol + hat keine Unterstreichung in anderen Browsern (wie Google Chrome), aber im Internet Explorer ist das Symbol + unterstrichen. Wie entferne ich die Unterstreichung für Internet Explorer?

Der Kodex (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

Dieser Code funktioniert wie erwartet. Das Standard-Styling des Tags a lautet . Sie müssen es none setzen.

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>