如何在橙色背景上显示红色文字？

Question

我已附上屏幕截图。 In image host name is not visible to red color

背景颜色代码：

   .invalid {
    background-color: #CF5300;
    }

显示代码的上行竞赛

  #content td.failed, .failed {
    color:#FF0000;
   }

请帮助如何向用户显示红色？

提前致谢。

Answer 1

尝试文字阴影

   #content td.failed, .failed {
        color:#FF0000;
        text-shadow: 0 0 2px white;
        }

将白色变为更好的颜色

Answer 2

thinking about it, it seems that these red texts are links, so they won't have the normal font color, but the link color. If you want to change this color, use something like:

#content td.failed a:link, .failed a:link {
  color: #FCF802;
}

This should make those texts yellow and thereby readable on the given background.

However, if the "failed" texts/links have to remain red, you could assign a white background to the link itself like this to make it readable:

#content td.failed a:link, .failed a:link {
  color: #FF0000;
  background-color: #FFFFFF;
}

Answer 3

react-native-fabric