在 html 标签上动态设置背景颜色答案

【问题标题】：Dynamically set background-color on html tag在 html 标签上动态设置背景颜色
【发布时间】：2015-05-11 14:36:52
【问题描述】：

我需要在html标签中动态设置背景色。

<html style="background-color:{{ backColor }};">

在 Meteor 中这是如何完成的？

【问题讨论】：

你的意思是document.body.className="otherclass" - 你的意思是追溯吗？
问题是..'你能为我做这个吗？'
请编辑重读自己，解释您面临的问题，提出问题。现在我几乎听不懂你在说什么。

标签： javascript css meteor iron-router

【解决方案1】：

如果我理解您的问题，当您调整窗口大小时，您会在页面底部看到空白吗？如果是这样，删除你的 CSS 中的 height:100% 会帮助你。

.contentbackground{width:100%;height:100%}

将你的样式表中的上述内容更改为

.contentbackground{width:100%;}

【讨论】：

jQuery 标签在哪里？
@mplungjan 为纯 js 添加
谢谢@Vishnu——但删除.contentbackground的高度实际上会让事情变得更糟，因为背景不会覆盖整个高度——即使我不滚动。

【解决方案2】：

结果证明解决方案很简单。刚刚将body 的样式添加到模板的顶部。似乎不是最佳做法，但它适用于 Chrome 和 Safari。

这似乎也适用于htmltag。

<template name="spriteBox">
    <style type="text/css">
        body {
            background-color: {{ backColor }}
        }
    </style>
    <!-- rest of content -->
</template>

【讨论】：