a：之前ie中的颜色不起作用

我遇到了问题。正如你可以在我的片段中看到的，我有一个手风琴（通常可以工作，但在这种情况下是不相关的）。
我给了a-tag：之前使用的颜色，它在每个浏览器中工作，甚至在我测试过的每个移动设备上都有效。
只有在IE（11）和Edge中，它不能正常工作：before得到它的颜色。
颜色保持继承。但我不明白为什么。我希望有人能告诉我我错过了什么。
我通过试过！一套重要的颜色，但即使是不:-(工作a：之前ie中的颜色不起作用

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>

来源

2017-04-18 Nekolii

你想要'背景颜色'？否则，您需要在'content'中放置一些文本，看看是否为红色 – Pete

否，不是背景色，我希望“>”红色。 – Nekolii

尝试使用border-color: currentColor;

这使用当前颜色格，这是红色在这里它可以在IE9 +

！

继承这里有一些问题&对不同属性的不同规则，使用currentColor确保使用活动元素的颜色属性值！

来源

2017-04-18 10:20:28 demonofthemist

感谢！哦，我的..多么愚蠢的错误哈哈。我知道这是一件小事。现在我感到非常愚蠢，我监督这一个 – Nekolii

-2

看来，这是一个语法错误，尽量不要“::之前” “：之前”

来源

2017-04-18 10:15:46 NoOorZ24

a：之前ie中的颜色不起作用

回答

相关问题