strong 和 em 标记无法正确显示答案

【问题标题】：strong and em markups don't display correctlystrong 和 em 标记无法正确显示
【发布时间】：2013-07-25 03:12:50
【问题描述】：

我有这个 div：

<div class="fieldFullTextReadOnly">
  <span style="color: #ff0000;">
    <strong>bold test</strong>
  </span>
  <span style="color: #ffc000;">
    <em>italic test</em>
  </span>
</div>

相关的css：

.fieldFullTextReadOnly {
    color: #167F78;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
}

在Firebug中，显示颜色被覆盖，没错：

但<strong> 和<em> 均未应用，文本继续以正常粗细显示。

发生了什么？我可以更改什么来显示具有正确字体粗细的文本？

div 内部 HTML 是由 Telerik 文本编辑器生成的，所以我无法在此处更改任何内容。

谢谢。

【问题讨论】：

标签： asp.net css telerik

【解决方案1】：

习惯这种方式

.fieldFullTextReadOnly  strong{font-weight:bold;}
.fieldFullTextReadOnly em{font-style:italic;}

【讨论】：

【解决方案2】：

您已将文本设置为普通的font-weight。在您的 CSS 下方添加：

.fieldFullTextReadOnly strong {
    font-weight:bold;
}
.fieldFullTextReadOnly em {
    font-style:italic;
}

【讨论】：