打印时看不到iCheck复选框

时间:2017-02-01 11:14:00

标签: javascript jquery icheck

我正在使用iCheck复选框,一切正常,在浏览器和编码方面, 但是当我试图打印页面时,复选框根本不可见,

<label>
   <input type="radio" name="ques_apti" class="icheck" data-radio="iradio_square-red" value="12">
</label>

有没有办法在纸上打印复选框?

即使您只是右键单击此页面http://icheck.fronteed.com/并打印,此页面也不显示打印复选框,

任何解决方案或解决方法?

谢谢,

2 个答案:

答案 0 :(得分:1)

我将其添加到print.css并成功了:

@media print {
    input[type=checkbox], input[type=radio] {
        opacity: 1 !important;
    }
}

答案 1 :(得分:0)

我设计了一个快速解决方案。如果您想使用复选框的默认样式进行打印,只需将复选框的不透明度更改为1并返回0. iCheck插件将不透明度设置为0.(我使用的是打印插件来打印某个页面上的div)

$('input.flat:checkbox').css('opacity', '1');
$('#myDiv').print();
$('input.flat:checkbox').css('opacity', '0');