لدي مشكله في طباعة الصفحه

حل المشكله بسيط يمكنك اضافة هذه الكود داخل css و سيحل لك المشكله

       @media print {
            body {
                -webkit-print-color-adjust: exact;
                color-adjust: exact;
                background-color: #fff;
            }
        }

الأمر غريب، لكن حاول استخدام تنسيقات عند الطباعة على الهاتف كالتالي:

@media print (max-width: 767px) {
   /* كتابة تنسيقات الأزرار هنا */
}

قد يكون هناك بعض الاختلافات في التصفح بين الأجهزة المحمولة وأجهزة الكمبيوتر التقليدية بطبيعة الحال.

للتحكم في طباعة الخلفية والصور في النسخة المطبوعة، يمكنك استخدام وسائل التنسيق للطباعة (Print Media Queries) في CSS:

إليك النمط التالي مثلا:

@media print {
    body {
        background: #fff; 
        color: #000;
    }
}

تأكد من توصيف التنسيقات اللازمة هنا هي الأخرى.