У меня есть 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>';
IsЕсть ли правило для границы в опции печати?
Или как это сделать?