ड्रॉपडाउन विकल्प में टेक्स्ट को कैसे स्टाइल करें

किसी तत्व के भीतर विशिष्ट टेक्स्ट का रंग बदलने के लिए एक ड्रॉपडाउन, सीधे उस टेक्स्ट को इनलाइन स्टाइल या CSS क्लास का उपयोग करके स्टाइल करें। स्पैन का उपयोग करने से बचें, क्योंकि वे अप्रत्याशित परिणाम दे सकते हैं।

आपके उदाहरण में, निम्नलिखित सीएसएस वांछित प्रभाव प्राप्त कर सकता है:

.grey_color {
  color: #ccc;
  font-size: 14px;
}

हालांकि, स्टाइल को केवल पहले विकल्प पर लागू करने के लिए, इसे क्लास के बजाय इनलाइन स्टाइल के साथ लक्षित करें:

  select one option
  one
  two

ध्यान दें, सीएसएस कैस्केड है। इसलिए, किसी भी बाद के विकल्प के लिए एक वर्ग को परिभाषित करें जो स्टाइल को विरासत में मिला है लेकिन अलग-अलग विशेषताओं को निर्दिष्ट करता है, जैसे कि रंग। यह दृष्टिकोण आपके कोडबेस के भीतर पठनीयता और रखरखाव दोनों सुनिश्चित करता है:

.others {
  color: black;
}