单击打印按钮时，缺少Html圆形符号

Question

我需要在数字周围做一个小圆圈来制作一张OMR表 为此，我使用了以下css样式

  //.................
.numberCircle {
border-radius: 100%;
behavior: url(PIE.htc); /* remove if you don't care about IE8 */

width: 10px;
height: 1px;
padding: 1px;

background: #fff;
border: 2px solid #000000;
color: #666;
text-align: center;

font: 8px Arial, sans-serif;
}
//......................

 echo "<a class='numberCircle'>4</a>";

一切都很好。但问题是当我点击打印按钮时，圆圈正从输出中消失。

如何解决？

对于打印，我使用过

 <input type="button" onclick="document.title= ss;  window.print();"  id="printbtn" value="Print" style="font-size:2.5ex;" />

Answer 1

当我将下面的代码添加到css时，它看起来更好。

pt

此外，如果您打算打印某些内容，请使用px作为字体大小而不是pt，

博客下面说select case when to_char(sysdate,'d')=5 -- (1 = Sunday ... 7 = Saturday) then 'BusDay' else 'Non bus day' end from DUAL; 传统上用于印刷媒体。

请参阅博客CSS Font-Size: em vs. px vs. pt vs. percent

检查背景图形所在的打印设置