html - HTML-CSS 跨浏览器颜色问题

Question

我在 html 页面中使用以下 CSS 代码来设置 H1 和 H2 颜色值。

<style type="text/css">
img
{border-style: none;}
H1 {color: "#33CCFF"}
H2 {color: "#33CCFF"}
</style>

这在 Internet Explorer 上运行良好，但在 Chrome、Safari 和 Firefox 上却失败了。

如何解决此问题以支持所有浏览器？

谢谢

Answer 1

你需要去掉颜色周围的'"'

• ; 总是在 css 声明的末尾，像这样：

H1 {color:#FFF;width:100%;} H1#ID.class {color:#FFF;width:100%;} <==== 组合 ID + Class 的正确顺序

Answer 2

正如 Voodoo 所说，您需要删除引号，但您还应该用分号 (;) 关闭颜色声明。没有它它可能会工作，但你真的是在自找麻烦。;)