CSS 和 IE9 : tags uncorrectly interpreted

Question

我正在做一个关于化学安全象形图 MCQ 的小网站。

学生阅读问题、选择答案、验证并阅读另一页上的答案。

非常简单。

正确的答案用绿色写着，如果学生答对了，还会有绿色的信息“好答案”。错误的选择会用红色写成“错误的答案”。

该网站在 firefox 上完全正确，但颜色和字体在 IE9 上显示不正确。

我在这部分使用了标签:

<style>
  itsfalse {
    font-family: "Times New Roman",serif; 
    font-weight: bold; 
    color:#00A000;
  }
  itstrue { 
    font-family: "Times New Roman",serif; 
    font-weight: bold; 
    color:#FF0000;
  }
  goodans {
    font-family: "Arial",sans-serif; 
    font-weight: bold; 
    color: #00A000; 
    font-size:larger;
  }
  badans {
    font-family: "Arial",sans-serif;
    font-weight: bold;
    color:#FF0000;
  }
</style>

例如，当选择正确时，我会有类似的东西:

<itstrue>[the right answer]</itstrue> 
<goodans>Good answer!</goodans>

正如我所说，Firefox 可以正确读取它，而 IE 可以读取标签之间的内容，但不使用样式。

如果我不使用 CSS 但使用好的 HTML 及其 <font></font> ，没问题，但有点重。

PS 网站 http://hildoceras.fr/quizz (法语标签是 correction.php 中的 vrai、faux、bon、mau)

Answer 1

我认为你的主要问题是你在编造元素。有些浏览器会很好地解析它，而其他浏览器会忽略为这些元素所做的任何样式声明。这就是 HTML5 填充程序存在的原因。

尝试将标准 HTML 元素(<p>、<div>)与“itstrue”和“goodans”等类一起使用。