CSS颜色无法加载

我从HtmlOutput生成pdf。不会出现背景颜色和文本颜色等CSS颜色（其他样式看起来像应用它）。以下是我的一些代码：CSS颜色无法加载

function createPDFReceipt(formRes){ 
    var template = HtmlService.createTemplateFromFile('nameOfFile'), 
     date = new Date(), 
     pdfFile; 



    template.name = formRes.name; 
    template.email = formRes.email; 
    template.payment = formRes.method; 
    template.deposit = formRes.deposit; 

    pdfFile = DriveApp.createFile(Utilities.newBlob(template.evaluate().setSandboxMode(HtmlService.SandboxMode.IFRAME).getContent(), MimeType.HTML, 'receipt.html').getAs(MimeType.PDF).setName('pdfReceipt.pdf')); 

}

当我登录评估的HTML文件时，样式标签看起来100％正确。

下面是我的一些HTML和CSS来获得布局的想法：

<html> 
<head> 
    <title>Receipt</title> 

<!-- <link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css"> --> 

    <?!= include('stylesheet'); ?> 

</head> 
<body> 

<div class='info'> 
    <h1></h1> 
    <h4></h4> 
</div> 

<div class='info'> 
    <div id='receipt-info'> 
     Receipt No.  <br> 
     Date: <?= date ?> 
    </div> 

    <div id='billing-info'> 
     Bill To:<br> 
     Name: <?= name ?> <br> 
     Email: <?= email ?><br> 
    </div> 

</div> 
... 

</body> 
</html>

CSS：

<style> 

body { 
    width: 900px; 
    margin: auto; 
} 

#logo { 
    text-align: left; 
    width: 50%; 
    height: 50%; 
    margin-left: -30px; 
} 

table { 
    border-collapse: collapse; 
} 

table th { 
    background: #404040; 
    color: white; 
    text-align: left; 
    width: 100%; 
} 

table th,td { 
    border: 1px solid #404040; 
    padding: 10px 15px; 
} 

table.small th { 
    width: 40%; 
} 

table.small tr:last-child { 
    background: #ECECEC; 
} 

.info { 
    width: 85%; 
    margin-bottom: 30px; 
} 

#receipt-info { 
    width: 40%; 
    font-size: 16px; 
    float: left; 
} 

#billing-info { 
    width: 40%; 
    font-size: 16px; 
    float:right; 

} 

.table { 
    clear: both; 
    margin-bottom: 30px 
} 


#sub-table { 
    float:right; 
    margin-bottom: 175px; 
} 

footer { 
    clear: both; 
} 

#center-span { 
    /*text-align: center;*/ 
    position: relative; 

} 

#last-line { 
    display: inline-block; 
    /*text-align: center;*/ 
    /*width: 100%;*/ 
} 

</style>

我尝试使用RGB，十六进制，并命名的颜色 “黑”， “灰色”等。没有任何工作，我似乎无法在我的PDF文件中得到任何着色。有什么建议么？

来源

2015-11-10 HelloWorld

几点建议：

它总是更好的“内嵌” CSS HTML标签，当你生成PDF。
始终使用完整的CSS属性以获得生成PDF的最佳结果。

使用的是什么：例如，分配一个背景颜色

background: #ECECEC;

使用这个代替：

background-color: #ECECEC;

希望它能帮助！

来源

2015-11-10 04:39:07

感谢您的意见！不幸的是，这些建议都没有奏效。 – HelloWorld

CSS颜色无法加载

回答

相关问题