Remove body background color while printing DIV content in ASP.Net using JavaScript and jQuery

Hi anjali600,

You need to set body background-color to while.

Refer below code.

HTML

<input type="button" value="Print" onclick="printContent('pnlData')" />
<div id="pnlData">
    <asp:Label ID="lblDateTime" Text="DateTime" runat="server" />
    <asp:Label ID="acrLogo" Text="Logo" runat="server" />
    <asp:Label ID="compName" Text="Name" runat="server" />
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    function printContent(el) {
        var restorepage = $('body').html();
        document.getElementById('<%=lblDateTime.ClientID %>').style.display = "block";
        document.getElementById('<%=lblDateTime.ClientID %>').innerHTML = new Date().toLocaleString();
        document.getElementById('<%=acrLogo.ClientID %>').style.display = "block";
        document.getElementById('<%=compName.ClientID %>').style.display = "block";
        var printcontent = $('#' + el).clone();
        printcontent.removeAttr('style');
        $('body').empty().attr('style', 'background-color: while;').html(printcontent);
        window.print();
        $('body').html(restorepage);
    }
</script>