box-shadowをIEとedgeに適用したが、印刷時に線が消える

Question

htmlのインラインCSSにて、
box-shadowを適用したところ、

IEとedgeにて、線が印字時消える事象になってしまいました。
※ページ上は表示されています。

お手数ですが、ご教授いただけますでしょうか。

style="box-shadow: 0 0 0 1px #808080 inset;

WEB表示上は線が表示されていますが、印刷プレビューにて枠線が消えています。

Answer 1

@media printでborderを指定してやってはどうでしょう？

Comments

[prr4e]

ありがとうございます。

インラインでいれること可能なのでしょうか

[yambejp]

htmlタグに直接書かないといけないのですか？
styleタグとか使うとかダメでしょうか？

[prr4e]

自分の環境ではなく、developerツールにて検証を行っており、
実証できたら、実際に適用する方向で考えています。

boderでもいいのですが、内側にいれるとデザインが崩れてしまうので、
box-shadowでなんとかできるものであればと思っています。

[yambejp]

検証ができないので具体的なhtmlとスタイルシートを提示ください

[prr4e]

すみません。
こちらmedia print自体はあったのですが、今回IEだけ印刷時に表示されない
または、枠の両枠だけ線があればいいので、box-sizingで対応しました。
お騒がせしました。

ただ、media printでの対応もできると言うこと教えていただきありがとうございました。