Javascript 在图中用颜色标记一条线

我想在我的React组件中用绿色标记一条线

在寻找实现这一目标的方法后，我写道：

     var transferDateElemet =  <tr>
                  <td>Date of transfer to organization </td>
                  <td style={{color: green,background: '#00CC00'}}>
                             {transferDate.getUTCDate() + "/" + (transferDate.getUTCMonth() +1 ) + "/" + transferDate.getUTCFullYear()}{transferDateExpected}
                  </td>
              </tr>;

---

“颜色”属性使文本颜色为绿色。文本是否没有变为绿色？如果没有，请尝试使用十六进制代码，看看它是否有效，不需要在tr元素中添加div。请尝试以下操作：

<td style={{color: green,background: '#00CC00'}}>
{transferDate.getUTCDate() + "/" + (transferDate.getUTCMonth() +1 ) + "/" + transferDate.getUTCFullYear()}{transferDateExpected}

{transferDate.getUTCDate（）+“/”+（transferDate.getUTCMonth（）+1）+“/”+transferDate.getUTCFullYear（）}{transferDateExpected}

编辑： 对于您的问题，有很多原因，所以这里有一些选项供您尝试

运行npm缓存清理和npm安装

关闭编辑器软件并再次打开它

如果您使用的是windows，请关闭node.js serve in back terminal并关闭window defender

---

是把文本变成绿色吗？我希望文本保持黑色，但上面有一个绿色标记。无论如何，这两种情况都不会发生。对于您的用例，您希望使用html标记并使用css更改高亮显示的颜色（默认为黄色高亮显示）。也不要用标记标签环绕div。你想要高亮显示的文本周围的环绕标记无效。当我使用样式时是否应该导入任何内容？（我知道它应该内置React）。我将错误添加到我的问题中，以便您可以看到。我已经编辑了您的答案，并为您添加了一些建议。这是一个工作人员！所需要的只是在引号下加上“绿色”

<td style={{color: green,background: '#00CC00'}}>
{transferDate.getUTCDate() + "/" + (transferDate.getUTCMonth() +1 ) + "/" + transferDate.getUTCFullYear()}{transferDateExpected}