C'è un modo per rimuovere corsivo tag effetto <i> usando css

Question

Come posso rimuovere effetto corsivo di <i> tag in modo da poter

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

sto riempiendo qualche testo in <i> tag utilizzando jQuery html interno in modo si tratta di corsivo quindi non voglio l'effetto corsivo c'è un modo per rimuovere l'effetto corsivo usando css. Non posso usare altri tag quindi è sufficiente utilizzare il tag <i>.

Answer 1

solo bisogno di utilizzare il codice CSS successivo:

codice CSS

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

codice HTML

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

Answer 2

Usa font-style:

i{font-style:normal;} 

Answer 3

è possibile eseguire una formattazione con i CSS.

come:

b { 
font-weight: normal; 
} 

cambierà il testo in grassetto alla normalità.

Allo stesso modo,

i { 
font-style: normal; 
} 

farà i Font stile come normale (non in corsivo).

Answer 4

È possibile utilizzare lo stile CSS font-style: normal per ottenere questo effetto. Poi si può fare il vostro jQuery per mettere il testo nel tag:

$('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>