应用程序脚本中的HTML显示问题：占位符颜色不起作用

Question

我已经创建了这个JSFiddle http://jsfiddle.net/9dp24zgr/，它的工作方式完全符合预期，但在实际存在的Google-Apps-Script中，占位符仍然是浅灰色，并且与我的一些同事产生了问题。为什么Google版本没有响应，我该怎么做才能解决这个问题？

我添加的代码是：

input::-webkit-input-placeholder {
color: rgba(9,9,9,.9);

}
input::-moz-placeholder {
    color: rgba(9,9,9,.9);

}
input:-moz-placeholder {
    color: rgba(9,9,9,.9);

}
input:-ms-input-placeholder { 
    color: rgba(9,9,9,.9);

}

来自网站CSS3 Placeholder PseudoElements

更新     Gadget in a site     Google-Script     Google-Sheet

更新，我尝试添加CSS中的行opacity: 0.9;和带有color: #000000;的十六进制颜色代码，这些在输出中也没有区别。我也尝试过改变控制文本框的类的代码：

  .vdcComment {
  background: #FFF;
  width:300px;
  font-size: 1.3em;
  color: #000000;
  opacity: 1;
}

input::-webkit-input-placeholder {
    color: #000000;
    opacity: 1;
}

input::-moz-placeholder {
    color: #000000;
    opacity: 1;
}

input:-moz-placeholder {
    color: #000000;
    opacity: 1;
}

input:-ms-input-placeholder { 
    color: #000000;
    opacity: 1;
}

Answer 1

你很可能没有使用IFRAME沙盒模式，因此遇到了＆＃34; caja＆＃34;的问题。

使用.setSandboxMode(HtmlService.SandboxMode.IFRAME);，它应该有用。

在这里阅读有关不同脚本模式及其限制的信息： https://developers.google.com/apps-script/guides/html/restrictions