पहचानकर्ता से वर्ग तक
<पी> पहले, जैसा कि ऊपर ट्यूटोरियल में बताया गया है, आपकी userChrome.css फ़ाइल में पृष्ठभूमि का रंग बदलने वाली घोषणा थी: <पी> #urlbar-पृष्ठभूमि {पृष्ठभूमि-रंग:सफ़ेद !महत्वपूर्ण;
बॉर्डर:1px ठोस आरजीबीए(10, 132, 255, 0.3) !महत्वपूर्ण;
} <पी> कृपया पृष्ठभूमि के लिए रंग की विशिष्ट पसंद पर ध्यान दें, बॉर्डर का रंग और मोटाई पूरी तरह से मेरी है। आप अपनी पसंद की कोई अन्य सेटिंग चुन सकते हैं. इस गाइड के लिए, उदाहरण खड़ा है। <पी> खैर, मुझे फ़ायरफ़ॉक्स में डिबगिंग सक्षम करना था, ब्राउज़र टूलबॉक्स लॉन्च करना था, और यह देखने के लिए विभिन्न तत्वों की जांच करनी थी कि क्या बदल गया है। जैसा कि यह पता चला है, परिवर्तन छोटा लेकिन महत्वपूर्ण है। मोज़िला ने urlbar घोषणाओं को एक वर्ग में बदल दिया है। इस प्रकार, आपको बस इतना करना है: <पी> .urlbar-पृष्ठभूमि {
पृष्ठभूमि:सफ़ेद !महत्वपूर्ण;
सीमा:1px ठोस आरजीबीए(130, 130, 130, 0.5) !महत्वपूर्ण;
} <पी> अनिवार्य रूप से, # को . से बदलें। इसके लिए और/या आपकी सीएसएस फ़ाइल में मौजूद किसी भी अन्य यूआरएलबार-संबंधित घोषणा के लिए। एक बार जब आप ब्राउज़र को पुनः लॉन्च करते हैं, तो आपके इच्छित बदलाव प्रभावी हो जाएंगे। और बेवकूफ़ ग्रे पृष्ठभूमि से छुटकारा पाने के लिए बस इतना ही है। <पी>
<पी> पहले और अब का उदाहरण देखें. टेक्स्ट की तुलना पृष्ठभूमि कंट्रास्ट से करें। हां। और वह ग्रे टेक्स्ट भी बेवकूफी भरा है। और भूरे रंग की पृष्ठभूमि पर हल्के भूरे रंग के पाठ के साथ, आपके पास एर्गोनॉमिक्स में एक बड़ा अपराध है। सचमुच. 
