Question

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

＆＃13;

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);
}

＆＃13;

<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>

＆＃13;

Answer 1

尝试使用dataNode

这使用div的当前颜色，这里是红色！它适用于IE9 +

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

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

1 个答案: