Question

我有盒子，其中一些有黄色背景，黑色书写，其他有蓝色背景，白色书写。这似乎适用于所有计算机上的Google Chrome浏览器;但是，它有时仅适用于IE。我目前有IE11，它似乎工作得很好（不兼容模式时）。在另一台使用IE11的计算机上，它在黄色和蓝色框上都显示灰色字体。但是使用兼容性查看器，所有框都是黄色的黑色字体。在第三台计算机上，它将所有框显示为黄色和黑色字体。

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

这是我的代码，使所有元素都变成黄色，带有黑色文字：

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>

CSS color属性适用于某些计算机，但不适用于其他计算机

0 个答案: