किसी भी विज़िट (a:visited) वेब पेज के लिए, मैं लिंक के बाईं ओर एक छोटे से चेकमार्क के साथ अपनी वेबसाइट पर उन लिंक को प्रदर्शित करना चाहता हूं।सीएसएस: सभी विज़िट किए गए लिंक के बगल में एक चेकमार्क आइकन/एसीएसआई कैरेक्टर कैसे डालें?
इसलिए उदाहरण के लिए:
√ "यह एक विज़िट नहीं किए गए कड़ी है" "इस एक का दौरा किया लिंक है"
प्रश्न: कैसे मैं सही का निशान सीएसएस के प्रयोग से कर सकता हूं?
आप :before छद्म चयनकर्ता का उपयोग कर सकते हैं, लेकिन यह अच्छी तरह से समर्थित नहीं है।
बेहतर समर्थन के लिए, इसे एक छवि बनाएं, और इसे background-image पर सेट करें। फिर छवि दिखाने के लिए padding का उपयोग करें।
:: पहले और :: स्यूडोलेमेंट्स के बाद आधुनिक ब्राउज़र में अच्छी तरह से समर्थित हैं, लेकिन आईई 6 और इससे पहले में समर्थित नहीं हैं। कभी-कभी इससे कोई फर्क नहीं पड़ता। – Anonymous
ये। निश्चित रूप से यह आईई 7 में भी समर्थित नहीं है http://www.quirksmode.org/css/beforeafter.html – alex
यदि आईई 8 एक्सयू से एक्सपी के माध्यम से आ रहा है, तो लगभग किसी को भी जो आईई 7 मिला है उसे पहले से ही आईई 8 मिला है। पाठ्यक्रम, संस्थागत जंगली कार्ड हैं।) – Anonymous
आप इस प्रभाव को पाने के लिए पृष्ठभूमि और पैडिंग के संयोजन का उपयोग कर सकते हैं।
a:visited {
background: transparent url("path/to/checkmark.png") left center no-repeat;
padding-left: 10px;
}
अपनी जरूरतों को पूरा करने के लिए पैडिंग और पृष्ठभूमि स्थिति समायोजित करें। उम्मीद है की यह मदद करेगा।
a:visited:before {
content: "\00A0\221A";
}
उपयोग: पहले लोग हैं, जो कोई फर्क नहीं करना चाहिए के लिए भद्दा ब्राउज़रों और पृष्ठभूमि छवियों के लिए आधुनिक ब्राउज़रों के लिए छद्म-चयनकर्ता, जावास्क्रिप्ट। –