回答編集履歴
1
回答の修正
answer
CHANGED
|
@@ -1,30 +1,1 @@
|
|
|
1
|
-
|
|
1
|
+
これはCSSではなく、Reactのstyleプロパティに関する質問です。
|
|
2
|
-
提示されたソースで縦棒が表示されないのは変わらないので、似たようなHTMLを書いて試してみました。
|
|
3
|
-
Chrome標準のPDF変換機能では問題無かったので、それを試して変換ライブラリとHTMLのどちらが原因か切り分けてみてください。
|
|
4
|
-
```html
|
|
5
|
-
<style>
|
|
6
|
-
.title {
|
|
7
|
-
position: relative;
|
|
8
|
-
padding-left: 15px;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.title::before {
|
|
12
|
-
content: "";
|
|
13
|
-
position: absolute;
|
|
14
|
-
left: 0;
|
|
15
|
-
top: 0;
|
|
16
|
-
width: 6px;
|
|
17
|
-
height: 100%;
|
|
18
|
-
background-color: blue;
|
|
19
|
-
}
|
|
20
|
-
</style>
|
|
21
|
-
<h3 class="title">
|
|
22
|
-
MONTHLY STATISTICS
|
|
23
|
-
</h3>
|
|
24
|
-
```
|
|
25
|
-
Chrome表示
|
|
26
|
-
|
|
27
|
-
Chromeの印刷ダイアログで、送信先を「PDFに保存」、[詳細設定]-[オプション]-[背景のグラフィック]にチェックを付けて、[保存]押下。
|
|
28
|
-
|
|
29
|
-
Acrobat Reader表示
|
|
30
|
-
|