Html CSS颜色属性在某些计算机上有效，但在其他计算机上无效

我有一些盒子，其中一些有黑色文字的黄色背景，另一些有白色文字的蓝色背景。这似乎适用于所有计算机上的谷歌浏览器；然而，它有时只在IE中起作用。我目前有IE11，它似乎工作得很好（不在兼容模式下）。在另一台装有IE11的计算机上，它在黄色和蓝色框上都显示灰色字体。但在compatibility viewer中，所有框都是黄色和黑色字体。在第三台计算机上，它用黑色字体将所有框显示为黄色

唯一的问题是黄色和蓝色上的灰色字体，因为它使阅读变得困难。 有什么建议吗

以下是我的代码，用于将所有元素设置为黄色和黑色文本：

ul.testimonials li a{
  text-decoration:none;
  color:#000;
  background:#ffc;
  display:block;
}

以下是我的代码，用于使其他元素以白色文本显示为蓝色：

ul.testimonials li:nth-child(even) a{
 background:#4F4FBB;
 color:#FFFFFF;
}

我不知道灰色是从哪里来的。页面中嵌入了其他样式表，但我找不到设置灰色的位置。另外，我认为css是在本地完成的，所以如果我直接在这个html中设置属性，它将覆盖任何样式表。如果我错了，请纠正我

感谢您提供的任何帮助

编辑：我确实在样式表中看到主体设置为灰色，并且它还显示

#content p big a {
    color: #666;
}

这就是问题所在吗？为什么我的CSS不覆盖这个

这是我的HTML：

<ul class="testimonials">
 <li>
 <a href="#">
  <p>TEXT 1<br><br><p style="text-align:right"><b>INSERT NAME HERE</b></p></p>
 </a>
 </li>
 <li>
 <a href="#">
  <p>TEXT 2<br><br><p style="text-align:right"><b>INSERT NAME HERE</b></p></p>
 </a>
 </li>
 <li>
 <a href="#">
  <p>TEXT 3<br><br><p style="text-align:right"><b>INSERT NAME HERE</b></p></p>
 </a>
 </li>
 <li>
 <a href="#">
  <p>TEXT 4<br><br><p style="text-align:right"><b>INSERT NAME HERE</b></p></p>
 </a>
 </li>
</ul>

该“兼容性视图”将IE11降级为与IE7类似的渲染，IE7也无法识别三位数颜色值或

rgba（）

或者实际上几乎没有样式规则。请使用检查器。它会告诉你灰色是从哪里来的。它也是一个链接，所以请检查是否有：hover或：visted更改颜色。同时显示相关的HTML。尝试删除CSS代码中与问题无关的部分。明确指出问题的具体位置，并引用特定的HTML元素。检查器与调试器类似吗@Ann@JukkaK.Korpela我对这个问题进行了编辑，使之更加清楚。问题出现在一台计算机（而不是另一台）上的IE11中，其中方框交替为黄色/蓝色，但所有文本均为灰色。然后，在同一台计算机上的兼容模式下，所有文本在黄色背景上为黑色。