При печати формы свойство границы не работает должным образом - PullRequest
0 голосов
/ 21 апреля 2019

У меня есть prescription form на моем сайте.Я распечатал этот рецепт после отправки формы.Я применил некоторые border css для некоторых конкретных fields.Но свойство border-top или border-bottom не работает в версии для печати.Для этого поля требуется border.

HTML-форма рецепта

    data += '<div class="row row_padding" id="examination_div" style="">';                  

    data += '<div class="col-md-4 col-sm-6" style="border-top:none;border-bottom :none; border : 1px solid #000;margin-bottom : 10px;">';
        data += '<div class="row content_padding">';
            data += '<div class="col-md-6">';
                data += '<b>Pulse :</b>';
            data += '</div>';
            data += '<div class="col-md-6">';
                data += examination_pulse;
            data += '</div>';
        data += '</div>';
    data += '</div>';

    data += '<div class="col-md-4 col-sm-6" style="border-top:none;border-bottom :none; border : 1px solid #000;margin-bottom : 10px;">';
        data += '<div class="row content_padding">';
            data += '<div class="col-md-6">';
                data += '<b>BP :</b>';
            data += '</div>';
            data += '<div class="col-md-6">';
                data += examination_bp;
            data += '</div>';
        data += '</div>';
    data += '</div>';
    data += '<div class="col-md-4 col-sm-6" style="border-top:none;border-bottom :none; border : 1px solid #000;margin-bottom : 10px;">';
        data += '<div class="row content_padding">';
            data += '<div class="col-md-6">';
                data += '<b>Temp :</b>';
            data += '</div>';
            data += '<div class="col-md-6">';
                data += examination_temp;
            data += '</div>';
        data += '</div>';
    data += '</div>';

    data += '<div class="col-md-4 col-sm-6" style="border-top:none;border-bottom :none; border : 1px solid #000;margin-bottom : 10px;">';
        data += '<div class="row content_padding">';
            data += '<div class="col-md-6">';
                data += '<b>RR :</b>';
            data += '</div>';
            data += '<div class="col-md-6">';
                data += examination_rr;
            data += '</div>';
        data += '</div>';
    data += '</div>';

    data += '<div class="col-md-4 col-sm-6" style="border-top:none;border-bottom :none; border : 1px solid #000;margin-bottom : 10px;">';
        data += '<div class="row content_padding">';
            data += '<div class="col-md-6">';
                data += '<b>SPO2 :</b>';
            data += '</div>';
            data += '<div class="col-md-6">';
                data += examination_spo2;
            data += '</div>';
        data += '</div>';
    data += '</div>';

    data += '<div class="col-md-4 col-sm-6" style="border-top:none;border-bottom :none; border : 1px solid #000;margin-bottom : 10px;">';
        data += '<div class="row content_padding">';
            data += '<div class="col-md-6">';
                data += '<b>RBS :</b>';
            data += '</div>';
            data += '<div class="col-md-6">';
                data += examination_rbs;
            data += '</div>';
        data += '</div>';
    data += '</div>';

    data += '<div class="col-md-4 col-sm-6" style="border-top:none;border-bottom :none; border : 1px solid #000;margin-bottom : 10px;">';
        data += '<div class="row content_padding">';
            data += '<div class="col-md-6">';
                data += '<b>BMI :</b>';
            data += '</div>';
            data += '<div class="col-md-6">';
                data += examination_bmi;
            data += '</div>';
        data += '</div>';
    data += '</div>';

    data += '<div class="col-md-6 col-sm-6" style="border-top:none;border-bottom :none; border : 1px solid #000;margin-bottom : 10px;">';
        data += '<div class="row content_padding">';
            data += '<div class="col-md-6">';
                data += '<b>Trigger Points :</b>';
            data += '</div>';
            data += '<div class="col-md-6">';
                data += examination_trigger_point;
            data += '</div>';
        data += '</div>';
    data += '</div>';
data += '</div>';

full border in those fields

IsЕсть ли правило для границы в опции печати?

Или как это сделать?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...