शेष चयन में शेष नीला रंग :: चयन?

Question

::selection { } सीएसएस तत्व चयनकर्ता को डिफ़ॉल्ट नीले-रंगीन पाठ चयन को टेक्स्ट और पृष्ठभूमि रंग की अपनी पसंद के साथ प्रतिस्थापित करना है।

हालांकि, यह हमेशा ऐसा नहीं लगता है, क्योंकि मैं अक्सर उन वेबसाइटों को देखता हूं जिनमें शेष नीले रंग का रंग होता है। यह पूरी तरह से रंग की हमारी पसंद के साथ प्रतिस्थापित नहीं है।

====== संपादित ======

मुझे लगता है कि यह हमारी अपनी आँखों के बजाय स्क्रीनशॉट के माध्यम से देखने के लिए आसान है। यदि आप सभी (Ctrl + A) का चयन करने का प्रयास करें, उस पृष्ठ पर bleachindonesia.com/2012/05/27/bleach-day

, आप देखना होगा पाठ अवरुद्ध हो जाएगा/ग्रे रंग के साथ चयनित:

उदाहरण के लिए इस पेज देखें। हां, क्योंकि पृष्ठ सीएसएस ::selection, ::-moz-selection { background:#59574b;color:#fdfcf5; } नियोजित करता है।

हालांकि, जैसा कि आप नीचे स्क्रीनशॉट के साथ देख सकते हैं, यह कुछ हिस्सों में कुछ डिफ़ॉल्ट, नीले रंग के रंग का चयन छोड़ देता है।

http://i.stack.imgur.com/A0aUJ.png

सूचना रंग अंतर है, और एक ही समय में, अचयनित हिस्सा। साइट पर कुछ हिस्सों हैं जिन्हें डिफ़ॉल्ट नीले-रंग वाले :: चयन के साथ चुना जाता है, लेकिन साथ ही साथ कुछ अन्य भाग भी चुने जाते हैं जिन्हें चुना नहीं जाता है।

---

इस बीच, वहाँ भी इस पेज है: 24ways.org/2005/swooshy-curly-quotes-without-images

फिर, सब (Ctrl + A) पेज का चयन करने का प्रयास करें। आप देख सकते हैं कि सभी चयन पूरी तरह से maroon-colored है। कोई डिफ़ॉल्ट नीली रंग का चयन नहीं है। केवल ऐसे भाग हैं जिन्हें चुना नहीं जाता है, लेकिन कोई डिफ़ॉल्ट नीली-रंगीन चयन नहीं है।

http://i.stack.imgur.com/4o6ll.png

पेज सीएसएस: नीचे स्क्रीनशॉट द्वारा चित्र के रूप में? ::selection { background-color: rgba(179, 45, 71, .75); color: #fff; }। पहले पृष्ठ के साथ एकमात्र अंतर जो यह आरजीबीए का उपयोग करता है और हेक्स कोड नहीं। मुझे नहीं लगता कि इससे कोई फर्क पड़ता है - यह अनिवार्य रूप से एक ही कोड है।

अब मुझे आश्चर्य है कि क्या।

क्यों पहले पृष्ठ पर डिफ़ॉल्ट नीले रंग का चयन बनी रहती है, लेकिन यह दूसरे पृष्ठ पर मौजूद नहीं होता? और, इसे दूसरे पृष्ठ के रूप में सही कैसे बनाया जाए?

Answer 1

सच कहूं, तो यह है कि अगर यह गाड़ी व्यवहार है बताने के लिए है, हालांकि मुझे शंका चाहते हैं कि यह बहुत ज्यादा यह कैसा दिखता बहुत मुश्किल है। ::selection उचित परिभाषा (और इस प्रकार उचित कार्यान्वयन और परीक्षण की कमी) की कमी से पीड़ित है, इसलिए मैं शर्त लगाता हूं कि ब्राउजर विक्रेताओं को यह भी पता चल गया है कि क्या गलत है।

::selection, ::-moz-selection { background:#59574b;color:#fdfcf5; } 

, बहुत बहुत सौम्य लगता है सिवाय इसके कि इसे गलत तरीके से जोड़ती है ::selection और ::-moz-selection ऐसी है कि वह फ़ायरफ़ॉक्स में कभी काम नहीं करेगा, क्योंकि यह नहीं पहचानता है:

उल्लेख के लायक है कि इस नियम, पहले साइट से है ::selection और drops the whole rule। 24ways.org फ़ायरफ़ॉक्स में चयन रंग को ठीक से प्रदर्शित नहीं करता है, न कि संयुक्त चयनकर्ताओं के कारण, बल्कि पहले स्थान पर ::-moz-selection चयनकर्ता नहीं है।

क्रोम और सफारी पहली साइट के कुछ क्षेत्रों में हाइलाइट के नीले क्षेत्रों को क्यों छोड़ते हैं, मुझे वास्तव में पता नहीं है। हालांकि, मुझे लगता है कि Jared Farrish makes a good point:

यह क्रोम में समस्या प्रतिकृति (कम से कम): jsfiddle.net/RfPgt यह जब एक तत्व एक और तत्व है जो अपने आप चयन तत्व है अंदर नीडिंत है हो रहा है।

Answer 2

मैंने कुछ समय पहले इस समस्या को एक ही समस्या के समाधान खोजने के लिए पढ़ा लेकिन मुझे यह नहीं मिला। अब, यदि प्रश्न पुराना है, तो भी मुझे जो समाधान मिला वह साझा करना चाहता हूं।

*::selection { background:red; } 

Answer 3

मैंने पाया यह है कि क्या कारण है:

बस सार्वभौमिक चयनकर्ता का उपयोग। यह <br> है इसलिए यदि आपके पास <br> है तो इसे हटाने का प्रयास करें