2017-04-18 50 views
0

我遇到了問題。 正如你可以在我的片段中看到的,我有一個手風琴(通常可以工作,但在這種情況下是不相關的)。
我給了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>

+0

你想要'背景顏色'?否則,您需要在'content'中放置一些文本,看看是否爲紅色 – Pete

+0

否,不是背景色,我希望「>」紅色。 – Nekolii

回答

0

嘗試使用border-color: currentColor;

這使用當前顏色格,這是紅色在這裏它可以在IE9 +

繼承這裏有一些問題&對不同屬性的不同規則,使用currentColor確保使用活動元素的顏色屬性值!

+0

感謝!哦,我的..多麼愚蠢的錯誤哈哈。我知道這是一件小事。現在我感到非常愚蠢,我監督這一個 – Nekolii

-2

看來,這是一個語法錯誤,儘量不要「::之前」 「:之前」