有没有办法用css删除斜体效果<i>标签

Question

如何删除<i>标签的斜体效果,以便我可以

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

我<i>使用jquery内部html 填充标签中的一些文本所以它以斜体显示所以我不想要斜体效果是否有任何方法我可以使用CSS删除斜体效果.我不能使用其他标签,所以只需要使用<i>标签.

Answer 1

只需要使用下一个CSS代码:

CSS代码

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

HTML代码

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

Answer 2

使用font-style:

i {
  font-style: normal;
}

Answer 3

您可以使用CSS进行任何格式设置。

喜欢：

b {
    font-weight: normal;
}

会将粗体文本更改为普通文本。

同样，

i {
    font-style: normal;
}

将使<i>字体样式正常（非斜体）。