Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

शैली <इनपुट> सीएसएस के साथ एक निर्दिष्ट सीमा के भीतर मान वाले तत्व

<घंटा/>

निर्दिष्ट सीमा के भीतर मान वाले <इनपुट> तत्वों को स्टाइल करने के लिए, CSS :in-range चयनकर्ता का उपयोग करें। आप :इन-रेंज चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         input:in-range {
            border: 3px dashed orange;
            background: yellow;
         }
      </style>
   </head>
   <body>
      <input type = "number" min = "5" max = "10" value = "9">
      <p>The style only works for the value entered i.e. 9</p>
   </body>
</html>

  1. CSS के साथ इनपुट प्लेसहोल्डर टेक्स्ट को स्टाइल कैसे करें CSS के साथ इनपुट प्लेसहोल्डर टेक्स्ट को स्टाइल कैसे करें

    CSS के साथ HTML इनपुट एलीमेंट के प्लेसहोल्डर टेक्स्ट को स्टाइल करने के लिए, आपको छद्म-तत्व को लक्षित करना होगा गुण। आप CSS छद्म चयनकर्ता के साथ ऐसा करते हैं :: । प्लेसहोल्डर टेक्स्ट के साथ एक नियमित इनपुट तत्व डिफ़ॉल्ट ब्राउज़र स्टाइल के साथ प्लेसहोल्डर टेक्स्ट कैसा दिखता है: CSS अब चलिए CSS ::p

  1. CSS के साथ सभी  इनपुट  तत्वों को मान्य मान के साथ स्टाइल करें CSS के साथ सभी <इनपुट> तत्वों को मान्य मान के साथ स्टाइल करें

    CSS का उपयोग करें:मान्य चयनकर्ता सभी तत्वों को एक मान्य मान के साथ स्टाइल करने के लिए। उदाहरण आप :वैध चयनकर्ता को लागू करने के लिए निम्नलिखित कोड चलाने का प्रयास कर सकते हैं: <!DOCTYPE html> <html>    <head>       <style>        

  1. - सीएसएस के साथ एक निर्दिष्ट शब्द वाले विशेषता मान वाले तत्वों का चयन कैसे करें?

    CSS के साथ निर्दिष्ट शब्द वाले विशेषता मान वाले तत्वों का चयन करने के लिए [विशेषता ~=मान] चयनकर्ता का उपयोग करें। आप [विशेषता ~ =मान] चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं। यहां, हम जो शब्द खोज रहे हैं वह है “ट्यूटोरियल”, उदाहरण <!DOCTYPE html> <html> &nbs