a: avant que la couleur ne fonctionne

J'ai un problème. Comme vous pouvez le voir dans mon extrait, j'ai un accordéon (qui fonctionne habituellement mais dans ce cas n'est pas pertinent).
Je donne l'a-tag: avant avec une couleur, qui fonctionne dans tous les navigateurs et même sur tous les appareils mobiles que j'ai testés.
Seulement dans IE (11) et Edge il ne fonctionne pas que le: avant obtient sa couleur.
La couleur reste héritée. Mais je ne comprends pas pourquoi. J'espère que quelqu'un pourra me dire ce qui me manque.
J'ai essayé par! Important ensemble de la couleur, mais même cela ne fonctionne pas :-(a: avant que la couleur ne fonctionne

ul li { 
 
    list-style: none; 
 
} 
 

 
a { 
 
    text-decoration: none; 
 
} 
 

 
.accordion-navigation .hc06_accordionLink:before { 
 
    content: ""; 
 
    margin-top: 4px; 
 
    width: 11px; 
 
    height: 11px; 
 
    color: red!important; 
 
    border-width: 1px; 
 
    border-style: none solid solid none; 
 
    border-color: inherit; 
 
    display: inline-block; 
 
} 
 

 
.accordion-navigation.active .hc06_accordionLink:before { 
 
    margin-left: -15px; 
 
    -moz-transform: rotate(45deg); 
 
    -ms-transform: rotate(45deg); 
 
    -webkit-transform: rotate(45deg); 
 
    transform: rotate(45deg); 
 
} 
 

 
.accordion-navigation:not(.active)>.hc06_accordionLink:before { 
 
    margin-left: -20px; 
 
    -moz-transform: rotate(-45deg); 
 
    -ms-transform: rotate(-45deg); 
 
    -webkit-transform: rotate(-45deg); 
 
    transform: rotate(-45deg); 
 
}

<div class="hc06_accordion"> 
 
    <h3>Liste der unterstützten Geräte Subline #1</h3> 
 
    <ul class="accordion" data-accordion> 
 
    <li class="accordion-navigation"> 
 
     <a href="#faq01" class="hc06_accordionLink"> Laptop oder Computer</a> 
 
     <div id="faq01" class="content"> 
 
     <p> 
 
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis partuerient montesm nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium 
 
      quis, sem. <a href="phase2a_05.html"> Nulla con-sequat massa </a> quis enim. Donec pedo justo, fringilla vel. 
 
     </p> 
 
     </div> 
 
    </li> 
 
    <li class="accordion-navigation"> 
 
     <a href="#faq02" class="hc06_accordionLink"> Tablets und Smartphone</a> 
 
     <div id="faq02" class="content"> 
 
     <p> 
 
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis partuerient montesm nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium 
 
      quis, sem. Nulla con-sequat massa quis enim. Donec pedo justo, fringilla vel. 
 
     </p> 
 
     </div> 
 
    </li> 
 
    <li class="accordion-navigation"> 
 
     <a href="#faq03" class="hc06_accordionLink"> Spielekonsolen</a> 
 
     <div id="faq03" class="content"> 
 
     <p> 
 
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis partuerient montesm nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium 
 
      quis, sem. Nulla con-sequat massa quis enim. Donec pedo justo, fringilla vel. 
 
     </p> 
 
     </div> 
 
    </li> 
 
    </ul> 
 
</div>

Source

2017-04-18 Nekolii

voulez-vous 'background-color'? Sinon, vous devez mettre du texte dans 'content' pour voir que le rouge – Pete

non, pas la couleur de fond, je veux que le"> "rouge. – Nekolii

Essayez d'utiliser border-color: currentColor;

Cette utilisation couleur actuelle pour div, qui est rouge ici Il travaille dans IE9 +

Hériter ont quelques problèmes ici & différentes règles pour différentes propriétés, en utilisant currentColor assure que la valeur de la propriété de couleur de l'élément actif est utilisée!

Source

2017-04-18 10:20:28 demonofthemist

MERCI! Oh mon .. quelle erreur stupide haha. Je savais que c'était quelque chose de petit. En ce moment je me sens vraiment stupide que j'ai supervisé celui-ci – Nekolii

-2

Il semble que c'est un problème de syntaxe, essayez « :: avant » non ": avant"

Source

2017-04-18 10:15:46 NoOorZ24

a: avant que la couleur ne fonctionne

Répondre

Questions connexes