CSS/HTML5 字体颜色和大小在 Internet Explorer 中不起作用答案

【问题标题】：CSS/HTML5 Font color and size not working in Internet ExplorerCSS/HTML5 字体颜色和大小在 Internet Explorer 中不起作用
【发布时间】：2012-11-24 17:42:53
【问题描述】：

我在让网站与 Internet Explorer 一起工作时遇到了很大的麻烦 - 很令人惊讶，对吗？下面列出的代码在我测试过的所有浏览器上都能完美运行，但旧版本的 Internet Explorer 除外。

p1 是最大的字体，p2 次之，p3 是最小的。 Internet Explorer 当前正在以正确的大小读取 p2 和 p3，但 p1 比它们都小。此外，p1 和 p2 应该是深绿色，p3 应该是浅绿色，但所有文本都显示为黑色。我使用的是 px 而不是 pt 所以我不应该遇到这个问题......关于我做错了什么有什么想法吗？

p1 {color:#0B610B; font-family: "Arial"; font-size: 24px; -webkit-text-size-adjust: none;}     
p2 {color:#0B610B; font-family: "Arial"; font-size: 14px; -webkit-text-size-adjust: none;}     
p3 {color:#659965; font-family: "Arial"; font-size: 14px; -webkit-text-size-adjust: none;}

【问题讨论】：

你能发布相应的html吗？看到 css 代码而没有看到相应的 html 对发现问题没有多大帮助

标签： html css internet-explorer colors font-size

【解决方案1】：

p1 不存在。我假设这是一堂课？尝试使用.p1、.p2 等:)

p { 单独选择所有段落标签<p>
p1 { 不选择任何内容
.p1 { 选择带有class="p1" 的任何元素

【讨论】：

【解决方案2】：

您是否使用了虚构的元素？您发布的 CSS 仅适用于 p1、p2、p3 标记，例如<p1>Some text</p1>。但这些元素并不存在。旧版本的 IE 不会设置未知元素的样式。您应该执行以下操作之一：

如果是标题，请使用正确的标题标签，例如<h1>Some text</h1>
或者使用<p class="p1">Some text</p>等类，将CSS选择器改为.p1 {...}
如果您真的想要使用自定义标签（通常是个坏主意），那么如果您使用 Javascript 将它们添加到 DOM，它们可以在 IE 中设置样式：
```
<script>
var elems = ['p1','p2','p3'];
for (var i in elems)
    document.createElement(elems[i]);
</script>
```

【讨论】：