CSS/HTML5字体颜色和大小在Internet Explorer中无法正常工作

我在使用Internet Explorer时遇到了很大的麻烦 - 很大的惊喜吧？下面列出的代码完美地与我测试过的每个浏览器一起工作，除了旧版本的Internet Explorer。CSS/HTML5字体颜色和大小在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;}

来源

2012-12-06 user1882958

你能发布相应的html吗？看到CSS代码没有看到相应的HTML没有多大帮助，以找到一个问题 – Ingo

p1不存在。我假设这是一个班级？尝试使用.p1，.p2等:)

单独p {会选择所有段落标签<p>
p1 {选择什么
.p1 {选择与class="p1"

来源

2012-12-06 16:23:41 Andy

也许他的意思是h1 h2 h3 ... – Ingo

是否使用编造的元素的任何元素？您发布的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> 
```

来源

2012-12-06 16:30:21 DisgruntledGoat

CSS/HTML5字体颜色和大小在Internet Explorer中无法正常工作

回答

相关问题