Почему мой элемент предварительного просмотра не скрывается при закрытом предварительном просмотре?

Question

Я хочу, чтобы класс содержимого печати был скрыт при закрытии предварительного просмотра.Нажатие Control P в IE вызовет его или просто перейдет в файл> предварительный просмотр.Спасибо за любую помощь заранее.

  <script src="Scripts/jquery-1.10.2.min.js"></script>
<style type="text/css" media="print" ">
    .print-content {
        display: none !important;
    }


    @media print {
        .print-content { display: block !important;}

        textarea {
            display: none !important;
        }
    }
</style>
<script type="text/javascript">
    window.onbeforeprint = function () {
        $('.print-content').remove();
        $('textarea').each(function () {
            var text = $(this).val();
            $(this).after('<p class="well print-content">' + text + '</p>');
        });
    }
</script> 

TextArea MarkUp

 <form id="form1" runat="server">
    <div>
        <textarea name="textarea" id="the_textarea">    Some note
            orem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt congue cursus. Nunc nib
        </textarea>

    </div>
</form>  

Answer 1

Хорошо, проблема в том, как вы добавили тег стиля.Вы установили атрибут media="print", поэтому следующий CSS не будет применяться на экране.

.print-content {
  display: none !important;
}

Решение состоит в том, чтобы удалить media="print", как вы уже добавили @media print {} с использованием @media запросов.

Answer 2

Удалите media="print" из вашего тега стиля.