Warum sieht meine Schaltfläche anders aus als IE?

Question

Ich habe versucht, eine Lösung zu finden, damit meine Schaltfläche in Internet Explorer-Browsern korrekt aussieht, aber nicht erfolgreich. Was kann hier das Problem sein? Hier ist der Link zur Seite: www.vivids.se. Ich freue mich auf eine Lösung! :)

Hier ist die html:

<div class="share-wrapper"> 
<span class="share-button">Dela</span> 
<a class="social-media-button" id="facebook" href="#">Facebook</a> 
<a class="social-media-button" id="twitter" href="#">Twitter</a> 
</div> 

Hier ist die CSS:

.share-button, 
.social-media-button { 
font-weight: 600; 
display: inline-block; 
border-radius: 5px; 
} 

.share-button { 
    padding: 0px 6px; 
    border: solid 2px; 
    border-color: #00d9ef; 
    color: #00d9ef; 
    cursor: pointer; 
} 

.share-button::after { 
content: url('img/share.svg'); 
width: 13px; 
display: inline-block; 
} 

.social-media-button { 
padding: 2px 6px; 
background-color: #00d9ef; 
} 

#facebook::before { 
content: url('img/facebook.svg'); 
} 

#twitter::before { 
content: url('img/twitter.svg'); 
} 

#facebook::before, 
#twitter::before { 
width: 13px; 
display: inline-block; 
margin-right: 5px; 
} 

Die Schaltfläche links ist Safari (MacOS Sierra). Der Knopf rechts ist Internet Explorer 11 (Windows 7).

Answer 1

Vielleicht ist es ein Cache-Problem? Ich habe es in IE11 geöffnet und es sieht so aus, als hättest du es gesagt.