1
ここに私のユーザが情報を記入して印刷することができる印刷可能なアプリケーションのフォームがあります。紙に印刷するとドットの点が異なって見える
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Pritable Document</title>
<style>
p{
font-size: 20px;
}
.fillin {
border-bottom: 2px dotted #888;
font-weight: bold;
line-height: 12px;
}
</style>
</head>
<body>
<p>
Name:<span class="fillin">Jonh Nathon</span>
</p>
<p>
Gender:<span class="fillin">Male</span>
</p>
<p>
Date of Birth:<span class="fillin">10-July-1990</span>
</p>
</body>
</html>
入力可能なスペースとしての点(...)はブラウザ上で問題なく表示されますが、印刷するとブラウザと同じには見えません。代わりに正方形やアスタリスクのようなものです。
私はすでにborder-bottom
スタイルdotted
を使用するように私はCSSでこの問題をどのように修正することができますか?ありがとう。
ありがとうございます。しかし、印刷されると、それはブラウザのように見えません。 –
別のプリンタを変更しよう –
私の友人も自分のプリンタで印刷しようとしますが、それでも同じ問題があります。 –