क्रोम प्रिंट आउटपुट में Href मान हटाना

क्रोम में प्रिंट सीएसएस को अनुकूलित करते समय, आपको एक समस्या का सामना करना पड़ सकता है जहां लिंक दोनों के साथ मुद्रित होते हैं पाठ्य सामग्री और href मान। इसे हल करने के लिए, इन चरणों का पालन करें:

संदर्भ के लिए, यहां प्रारंभिक HTML है:

Google

बूटस्ट्रैप का डिफ़ॉल्ट व्यवहार:

बूटस्ट्रैप में एक प्रिंट स्टाइलशीट शामिल है जो कोष्ठक में लिंक में href मान जोड़ता है:

@media print {
  a[href]:after {
    content: " (" attr(href) ")";
  }
}

बूटस्ट्रैप की शैली को अक्षम या ओवरराइड करना:

href मानों को हटाने के लिए, आप या तो बूटस्ट्रैप की प्रिंट स्टाइलशीट को संशोधित कर सकते हैं या इसे अपने आप में ओवरराइड कर सकते हैं:

बूटस्ट्रैप की शैली को अक्षम करना:

बूटस्ट्रैप की प्रिंट स्टाइलशीट से a[href]:after नियम को हटा दें।

शैली को ओवरराइड करना:

अपनी स्वयं की प्रिंट स्टाइलशीट में एक नया a[href]:आफ्टर नियम जोड़ें और सामग्री सेट करें: कोई नहीं !महत्वपूर्ण; बूटस्ट्रैप की स्टाइलिंग को अक्षम करने के लिए:

@media print {
  a[href]:after {
    content: none !important;
  }
}

इन परिवर्तनों को लागू करने के बाद, लिंक इच्छानुसार केवल पाठ्य सामग्री प्रिंट करेंगे:

Google