Javascript 当有CSS引导按钮时，启用段落的背景色

？ 下面的fiddle允许动态创建段落，以及更改每个段落的背景颜色和样式

在下面的提琴中，是否仍然允许打印每个动态创建的段落后面的背景色，而不是将其删除

问题是，在尝试打印时，每个段落部分的背景色都会从引导CSS中删除

附件是

一个更新的小提琴将非常感谢，因为我仍然是新的编码

谢谢大家!

HTML:

JQuery：

$(function () {
$('button').on('click', function () {
    var v = $('#text_land + textarea').val(),
        paragraphs = '<p>' + v.split(/\n\n/).join('</p><p>') + '</p>';
    $(paragraphs).appendTo('#text_land');
});

$('select').on('change', function () {
    var targets = $('#text_land p'),
        property = this.dataset.property;

    targets.css(property, this.value);
}).prop('selectedIndex', 0);
});

---

我不知道你有什么问题。。。您可以尝试将所选内容中的值应用于刚刚创建的段落

$('select').each(function() {
    var $this = $(this);
    paragraphs.css($this.data('property'), $this.val());
});

---

请把你的问题一点一点地解释清楚。通过阅读上述帖子，我完全迷路了。问题是，由于启动按钮，在尝试打印时，每个动态创建的段落后面的背景色不显示。您尝试使用的标记的默认颜色是什么。背景色是动态的，从下拉列表中供用户自定义选择背景色。我不知道在添加新的标记之前，请先将动态CSS应用于标记。因此，CSS没有得到应用。但是，在打印时，用户选择的背景色不会保留。当我单击Go按钮时，新段落将显示，样式由selects设置。这不是你想要得到的吗？请看更新的小提琴，包括一个打印按钮。请注意，动态创建段落时，用户可以选择更改背景颜色。不过，我添加了一个打印按钮，显示如何删除每个动态段落的背景色。啊，好吧，现在我明白了。这不是因为动态添加的段落，而是因为内联样式。它们在印刷媒体中被忽略。使用类名设置背景色。

$('select').each(function() {
    var $this = $(this);
    paragraphs.css($this.data('property'), $this.val());
});