Javascript 打印预览中未显示CSS样式

我正在尝试创建一个函数来更改我的字体颜色，但我需要打印它，目前一切正常，但我在打印CSS时遇到问题，这是我的代码

$'draw'。在“单击”、“p”上，函数{ 如果$this.hasClasshighlited{ $this.removeClasshighlited； }否则{ $this.addClasshighlited； } }; $“单击”。单击函数{ var html=； html+='我想变成红色…

'； html+='我也是…

'； html+='好的……我也是……

； $'draw'.htmlhtml； }; 高利特先生{ 颜色：红色； } @媒体印刷品{ 高利特先生{ 颜色：红色； } } 点击我 打印也许是密码笔

视图说明plnkr：

plnkr.co/edit/NZrYQdGNOntaVwkvK4ZH?p=preview

问候

也许是密码笔

视图说明plnkr：

plnkr.co/edit/NZrYQdGNOntaVwkvK4ZH?p=preview

---

问候

这就是你需要的。一些网站有自己的媒体打印，所以你需要添加-webkit打印颜色调整：精确；到您的媒体打印和打印！重要信息：确保其覆盖任何其他媒体打印

---

这就是你需要的。一些网站有自己的媒体打印，所以你需要添加-webkit打印颜色调整：精确；到您的媒体打印和打印！重要信息：确保其覆盖任何其他媒体打印

---

您的问题是，在单击之前，p标记不在页面上。请尝试以下方法：

$(document).on('click', '#draw p', function () {
if($(this).hasClass("highlited")) {
      $(this).removeClass("highlited");
   } else {
      $(this).addClass("highlited");
   }
});

---

您的问题是，在单击之前，p标记不在页面上。请尝试以下方法：

$(document).on('click', '#draw p', function () {
if($(this).hasClass("highlited")) {
      $(this).removeClass("highlited");
   } else {
      $(this).addClass("highlited");
   }
});

---

我不明白你的问题：你想实现什么，而现在发生了什么？如果你想画下划线，你需要告诉他。目前，您所做的只是更改颜色。@webeno我正试图用这段代码显示font color=red，在代码段上效果很好，但在代码笔链接和我的浏览器上，不管我做什么，字体颜色始终是黑色的。@Keith这是我想要的，这是我写来给文本加下划线的内容更改字体颜色。我不明白，在我的世界里，下划线和改变字体颜色不是一回事。。。而且，老实说，我在代码片段中也没有看到下划线或字体颜色的变化。。。尽管如此，两次定义红色对您来说是无用的，一次单独用于打印，如果默认情况下定义了红色，并且您不希望它在打印中有所不同，那么它只会选择选择器设置的内容，即浏览器视图和打印之间没有区别，假设这就是你想要达到的目标……我不理解你的问题：你想要达到什么目标，以及正在发生什么？如果你想强调，你需要告诉他。目前，您所做的只是更改颜色。@webeno我正试图用这段代码显示font color=red，在代码段上效果很好，但在代码笔链接和我的浏览器上，不管我做什么，字体颜色始终是黑色的。@Keith这是我想要的，这是我写来给文本加下划线的内容更改字体颜色。我不明白，在我的世界里，下划线和改变字体颜色不是一回事。。。而且，老实说，我在代码片段中也没有看到下划线或字体颜色的变化。。。尽管如此，两次定义红色是没有用的，一次单独用于打印，如果它是默认定义的，并且您不希望它在打印中有所不同，它只会选择选择器设置的内容，即浏览器视图和打印之间不会有任何区别，假设这是您想要实现的……是的！但是在我的浏览器上不工作，这就是为什么我在这里问问题的原因，因为我有@media print但不工作。是的！但在我的浏览器上不工作，这就是为什么我在这里问问题的原因，因为我有@media print但不工作。就是这样！谢谢-webkit打印颜色调整：精确；这正是我需要的。我把它放在我的身体里。谢谢就这样！谢谢-webkit打印颜色调整：精确；这正是我需要的。我把它放在我的身体里。谢谢不，问题是基思说了什么，但是谢谢你的帮助！不，问题是基思说了什么，但是谢谢你的帮助！