Google apps script 未导入.html文档的样式表

我有一个用google apps脚本编写的HTML（称为form.HTML）创建的表单，还有一个样式表（CSS）。当我把CSS和表单放在同一个HTML文件中时，一切都很好。但是，如果我想将样式表放在一个单独的HTML文件（称为stylesheet.HTML）中，然后使用scriplet将其包含在form.HTML中

<?!= HtmlService.createHtmlOutputFromFile('Stylesheet').getContent(); ?>

然后是form.html

<?!= include(Stylesheet) ?>

形式{
/*只需将表单放在页面中心即可*/
保证金：0自动；
宽度：400px；
/*查看表单的大纲*/
填充：1em；
边框：1px实心#CCC；
边界半径：1米；
}
表格div+div{
边缘顶部：1米；
}
标签{
/*确保所有标签大小相同且正确对齐*/
显示：内联块；
宽度：90px；
文本对齐：右对齐；
}
输入，文本区{
/*确保所有文本字段具有相同的字体设置
默认情况下，文本区域使用单空格字体*/
字体：1em无衬线；
/*为所有文本字段指定相同大小的步骤*/
宽度：300px；
-moz框大小：边框框；
框大小：边框框；
/*协调文本字段边框的外观的步骤*/
边框：1px实心#999；
}
输入：焦点，文本区域：焦点{
/*在活动元素上稍微突出显示*/
边框颜色：#000；
}
文本区{
/*将多行文字字段与其标签正确对齐的步骤*/
垂直对齐：顶部；
/*给足够的空间来输入一些文本*/
身高：5公分；
/*允许用户垂直调整任何文本区域的大小
它并不适用于所有浏览器*/
调整大小：垂直；
}

纳姆：
电邮：
Afdeling：
乌斯滕德
布鲁日
韦亨
资料：
Uur：
常客：
恩马利格
沃尔·米尔德尔·韦肯
材料：
基斯。。
$（“输入：radio[name=Afd]”。单击（函数（）{
go（this.id）；
});
功能go（idAfd）{
google.script.run.withSuccessHandler（showList.materialAlliJST（idAfd）；
}
功能显示列表（事物）{
风险值列表=$（“#materialal”）；
list.empty（）；
for（var i=0；i

将其命名为Stylesheet.css怎么样？ 并尝试通过普通HTML将其包含在标题中

<link rel="stylesheet" href="Stylesheet.css" type="text/css">

---

HTH

将其命名为Stylesheet.css怎么样？ 并尝试通过普通HTML将其包含在标题中

<link rel="stylesheet" href="Stylesheet.css" type="text/css">

---

HTH

你做得对：

css文件必须是HTML文件，因为

HtmlService

只支持HTML文件类型。如果查看初学者脚本，您会发现它们有

Stylesheet.html

，内容如下：

<!-- This CSS package applies Google styling; it should always be included. -->
<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css">
<style>
...
</style>

要显示谷歌主题的动作按钮，请包括应用程序脚本CSS和添加“动作”类：

---

你做得对：

css文件必须是HTML文件，因为

HtmlService

只支持HTML文件类型。如果查看初学者脚本，您会发现它们有

Stylesheet.html

，内容如下：

<!-- This CSS package applies Google styling; it should always be included. -->
<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css">
<style>
...
</style>

要显示谷歌主题的动作按钮，请包括应用程序脚本CSS和添加“动作”类：

---

当我在谷歌应用程序脚本编辑器中单击“新建”并可以选择“项目”、“脚本文件”或“HTML文件”时“CSS文件”根本不是一个选项。但它仍然应该有效，正如这里的“最佳实践”中所描述的：不，那是错误的。这个答案对于谷歌应用程序脚本来说是完全错误的。没有本地CSS主机，因此提供的href无法工作。你可以链接到任何外部托管的css，因此为了让这个答案有意义，OP还需要解决托管问题。当我在Google Apps脚本编辑器中单击“新建”并可以选择“项目”、“脚本文件”或“HTML文件”时“CSS文件”根本不是一个选项。但它仍然应该有效，正如这里的“最佳实践”中所描述的：不，那是错误的。这个答案对于谷歌应用程序脚本来说是完全错误的。没有本地CSS主机，因此提供的href无法工作。您可以链接到任何外部托管的css，因此为了让这个答案有意义，OP还需要解决托管问题。请确保包括。在stylesheet.html的开头和结尾file@ScampMichael：是的-（注意：如果未使用“scoped”属性，则每个标记都必须位于head部分。请确保在stylesheet.html的开头和结尾包含file@ScampMichael：我做了…-（注意：如果“范围”属性未使用，每个标记必须位于标题部分。这是我在上一个答案上的评论。因此它是一个html文件。我也尝试过谷歌样式。如何判断它是否有效？例如，按钮是否应涂成蓝色？如果是，则它也不起作用。扩展是否会阻止该内容？更新的答案。但你不知道你的问题中没有足够的信息，例如没有HTML。所以，我猜，一个扩展几乎可以做任何事情-你在说什么扩展？我只是在大声思考（拼命寻求解释。我禁用了所有扩展bu，但显然没有任何效果。我在问题中加入了代码和屏幕截图。一个脸-手掌的瞬间确实…不知道我怎么会错过，但学到了一个非常宝贵的教训。感谢大家帮助我。Exac

<input type="submit" id="verzenden" name="verzenden" class="action verzenden" value="Reservatie verzenden" >