有什么方法可以使用 CSS 删除斜体效果 <i> 标签吗？

Question

如何删除 <i> 标签的斜体效果，以便我可以这样做：

 <span>
    test<i>test</i>
</span>

我正在使用 jQuery innerHtml 在 <i> 标记中填充一些文本，因此它以斜体显示，但我不想要斜体效果。

有什么办法可以使用 CSS 去除斜体效果吗？

我不能使用不同的标签。我只能使用 <i> 标签。

原文由 O-mkar 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你只需要使用这个 CSS 代码：

 .no-italics {
    font-style: normal;
}

HTML 代码：

 <span>
   test
   <i class='no-italics'>test</i>
</span>

原文由 Winner Crespo 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

使用字体样式：

 i {
  font-style: normal;
}

原文由 Bhojendra Rauniyar 发布，翻译遵循 CC BY-SA 4.0 许可协议