Question

我需要帮助才能打印列表中的更改。当我打印列表时，它可以工作但是，如果我们点击项目，钩子不会在预览或打印页面中显示！

我的css：

    .ulliminus {padding: 0 !important;}
    .ulliminus li {list-style: outside none none;}
    .css-label {background: #ffdddb none repeat scroll 0 0; display: inline-block; margin-right: 10px !important;margin-left: -16px; height: 11px; width: 11px;border:1px solid rgba(0, 0, 0, 0.1);line-height:15px;}
    .css-checkbox:checked + .css-label::before {content: "\f00c";float: left;font-family: fontawesome; line-height: 10px;color: #477cb2;}

我的HTML：

<ul class="accordion">
     <li id="printone" class="accordion__item">
<div data-id="541" class="underline-list__item js-accordion-open">
<div class="underline-list__link">
<div class="underline-list__text">title<span class="accordion_button"><span class="accordion_button_icon"></span></span></div>
</div>
</div>
<div class="accordion__content js-accordion-content">
<div class="wysiwyg">
<ul class="ulliminus">
    <li><input type="checkbox" id="checkboxid1e" class="css-checkbox"><label for="checkboxid1e" class="css-label"></label>1</li>
    <li><input type="checkbox" id="checkboxid2e" class="css-checkbox"><label for="checkboxid2e" class="css-label"></label>2</li>
    <li><input type="checkbox" id="checkboxid3e" class="css-checkbox"><label for="checkboxid3e" class="css-label"></label>3</li>
    </ul>
    <input type="button" onclick="printDiv('printone')" value="print a div!" />
</div>
</div>
</li></ul>

现在，我使用下面的代码片段，它几乎可以工作但是，我有问题。

function printDiv(divId){
var originalContent = $('body').html();
var printcontent = $('#' + divId).clone();
$('head').append("<link rel='stylesheet' type='text/css' href='./style.css'/>");
$('body').empty().html(printcontent);
window.print();
document.location.reload(true);
$('body').html(originalContent);
}

使用那个，出现复选标记，但缺少一些css样式。

也许不完美，但它有效！

现在，我需要找到一种方法来调整打印的css或添加我自己的样式表的方法。

打印列表中所做的更改

0 个答案: