文本的 CSS 颜色不适用于所有浏览器答案

【问题标题】：CSS Color for Text Not Working in All Browsers文本的 CSS 颜色不适用于所有浏览器
【发布时间】：2020-04-18 02:07:34
【问题描述】：

我有一个手风琴式下拉按钮，我希望“+”显示为红色。它在 Chrome 浏览器中的台式 PC 计算机上正常显示，但是当我使用 Chrome 或在 Firefox 中打开我的 Mac 上的网站时，红色没有出现。

.accordion {
  background-color: transparent;
  top: 0;
  line-height:1.2em;
  font-family: 'proxima-nova', sans-serif;
    font-weight: 300;
  color:hsl(0, 0%, 34%);
  cursor: pointer;
  padding: 0px;
  border: none;
  outline: none;
  transition: 0.4s;
}


.accordion:after {
  content: '\0020 \02795';
  float: right;
  margin-left: 0px;
  color:#FF0000 !important;

}

.active:after {
  content: "\2796 \0020";
  /* Unicode character for "minus" sign (-) */

}

当我检查按钮时，它的代码是正确的，但它仍然没有显示为红色。

感谢任何帮助！

【问题讨论】：

标签： css colors

【解决方案1】：

你可以利用这个奇怪的技巧：

 color: transparent;
 text-shadow: 0 0 0 red;

或者只使用 UTF-8 字符“+”

【讨论】：

【解决方案2】：

尝试将 ::after 内容放在“+”上怎么样。如果没有任何效果，并且您正在使用 JS 处理 .active 类进程，只需添加一个包含加号字符的 span 并在活动时将其内容更改为减号。

【讨论】：