सीएसएस का उपयोग करके पाठ चयन का रंग बदलें।

CSS3 की दिलचस्प विशेषताओं में से एक, जिसे हम आज देखेंगे, उसे ":: चयन" कहा जाता है, जिसके साथ आप ब्राउज़र में मानक पाठ चयन रंग को बदल सकते हैं। यह ध्यान दिया जाना चाहिए कि, लेखन के समय, यह फ़ंक्शन केवल सफारी और फ़ायरफ़ॉक्स द्वारा समर्थित है, और वे पूरी तरह से अलग तरीके से प्रदर्शित करते हैं। हालांकि, मेरी राय में, इन तथाकथित "फॉरवर्ड-गोइंग" तकनीकों को बनाए रखने के लिए सभी नए उत्पादों के बारे में पता होना लायक है।



चलिए शुरू करते हैं:



::selection {

background: #ffb7b7; /* Safari */

}

::-moz-selection {

background: #ffb7b7; /* Firefox */

}







जैसा कि आप अनुमान लगा सकते हैं कि हाइलाइट रंग लाल होगा। आप कई पैराग्राफ जोड़ सकते हैं और उनके लिए विभिन्न हाइलाइट रंगों को परिभाषित कर सकते हैं।



[ उदाहरण ]



p.red::selection {

background: #ffb7b7;

}

p.red::-moz-selection {

background: #ffb7b7;

}

p.blue::selection {

background: #a8d1ff;

}

p.blue::-moz-selection {

background: #a8d1ff;

}

p.yellow::selection {

background: #fff2a8;

}

p.yellow::-moz-selection {

background: #fff2a8;

}