Gibt es eine Möglichkeit, den Kursiveffekt zu entfernen? Tag mit CSS?

Wie entferne ich den kursiven Effekt von <i> Tag, damit ich das tun kann:

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

Ich fülle etwas Text in die aus <i> Tag mit jQuery innerHtml, also ist es kursiv, aber ich möchte den kursiven Effekt nicht.

Gibt es eine Möglichkeit, den Kursiv-Effekt mit CSS zu entfernen?

Ich kann kein anderes Tag verwenden. Ich kann nur die verwenden <i> Schild.

Sie müssen nur diesen CSS-Code verwenden:

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

HTML Quelltext:

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

Schriftstil verwenden:

i {
  font-style: normal;
}

Sie können jede Formatierung mit CSS vornehmen.

Wie:

b {
    font-weight: normal;
}

ändert fetten Text in normalen.

Ähnlich,

i {
    font-style: normal;
}

wird machen <i> Schriftstil wie gewohnt (nicht kursiv).

Sie können den CSS-Stil verwenden font-style: normal um diesen Effekt zu erzielen. Dann können Sie Ihre jQuery ausführen, um Text in das Tag einzufügen:

$('i#replace').html('this text isn\'t italicized either . . . ');

i {
  font-style: normal;
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<span>text text <i id="replace">this is NOT italic</i> text text</span>

Verwenden font-style um die Kursivschrift zurückzusetzen, wenn die Klasse verwendet wird.

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

<i class="no-italics">Olmstead v. L.C. and E.W</i>