Javascript 不会覆盖 CSS 显示属性

Question

我有一个 DIV 设置为 display:none 来自 CSS 并且它应该在某个时候通过 javascript 使其可见 (style.display = '';)。

问题是，如果我将 display:none 放在 CSS 文件中，javascript 似乎没有任何效果。我还尝试更改背景颜色而不是显示属性，这很有效。

我的代码正在运行 here (只需按编辑链接)。

非常感谢您花时间研究这个问题。

Answer 1

使用 Javascript 将其设置为 block 或 inline。

编写 style.display = "" 将清除内联样式中设置的任何 display，并使其恢复为从 CSS 继承的任何内容。

或者，您可以使用 Javascript 更改元素的 className，这样 CSS 规则就不再适用。