Есть ли способ удалить тег <i> курсивом с помощью CSS?

Как убрать эффект курсива из <i> чтобы я мог сделать это:

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

Я заполняю некоторый текст в <i> с помощью jQuery innerHtml, поэтому он выделяется курсивом, но я не хочу, чтобы курсив имел эффект.

Можно ли как-нибудь удалить эффект курсива с помощью CSS?

Я не могу использовать другой тег. Я могу использовать только <i>.

ОТВЕТЫ

Ответ 1

Вам просто нужно использовать этот код CSS:

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

HTML код:

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

Ответ 2

Используйте стиль шрифта:

i{font-style:normal;}

Ответ 3

Вы можете сделать любое форматирование с помощью CSS.

Подобно:

b {
    font-weight: normal;
}

изменит жирный текст на обычный.

Так же,

i {
    font-style: normal;
}

сделает стиль шрифта <i> обычным (не курсивом).

Ответ 4

Вы можете использовать стиль CSS font-style: normal, чтобы получить этот эффект. Затем вы можете сделать свой jQuery, чтобы поместить текст в тег:

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

Ответ 5

У меня похожий сценарий. Но курсив все еще сохраняется.. Пожалуйста, скажите мне, как удалить курсив.