IE

Question

anchors sözdizimi öğesi için css'deki alt çizgi nasıl kaldırılır Internet Explorer'da CSS sözde öğesi için text-decoration: underline nasıl kaldırılır?

+ simgesinin, diğer tarayıcılarda (Google Chrome gibi) alt çizgisi yoktur, ancak Internet Explorer'da + simgesinin altı çizilidir. Internet Explorer için alt çizgi nasıl kaldırılır?

Kodu (https://jsfiddle.net/u5m067xq/4/): Eğer beklendiği gibi

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

Bu kod çalışıyor. a etiketinin varsayılan stili text-decoration: underline'dur. none'u ayarlamanız gerekecek.

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>