li not seen when printing

Question

I use li tag and below css for this tag :

<li class="line"></li>

li.line{ 
    width:100%; 
    height:3px !important; 
    background:#000; 
    list-style:none; 
    float:right;
}

this is ok in screen . but this is not show in print paper

thanks for help

can you show how you print it? with function? – לבני מלכה Aug 20 '18 at 09:21 — לבני מלכה, Aug 20 '18 at 09:21
לבני מלכה . yes . use jquery function – Mostafa Norzade Aug 20 '18 at 09:25 — Mostafa Norzade, Aug 20 '18 at 09:25

score 1 · Accepted Answer · answered Aug 20 '18 at 09:22

1

There is nothing to see except for the background colour, and browsers do not print background colours by default.

If you want a line, then use an appropriate element (e.g. <hr> or <img>) or appropriate CSS (border).

answered Aug 20 '18 at 09:22

Quentin

1 Answers1