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

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

<घंटा/>

CSS का उपयोग करें:मान्य चयनकर्ता सभी <इनपुट> तत्वों को एक मान्य मान के साथ स्टाइल करने के लिए।

उदाहरण

आप :वैध चयनकर्ता को लागू करने के लिए निम्नलिखित कोड चलाने का प्रयास कर सकते हैं:

<!DOCTYPE html>
<html>
   <head>
      <style>
         input:valid {
            background: red;
            color: white;
         }
      </style>
   </head>
   <body>
      <h2>Heading</h2>
      <input type = "email" value = "amit@example.com">
      <p>The style (red color background) appears if you type a relevant/ valid email address.</p>
   </body>
</html>

आउटपुट

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


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

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

  1. CSS के साथ सभी तत्वों का चयन करता है

    सभी तत्वों का चयन करने के लिए, * CSS चयनकर्ता का उपयोग करें। आप सभी तत्वों का चयन करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं, उदाहरण <!DOCTYPE html> <html>    <head>       <style>          *{        

  1. CSS के साथ सभी <div> तत्वों और सभी <p> तत्वों का चयन करता है

    शैली के लिए, एक से अधिक तत्व, अल्पविराम का उपयोग करें। इसे प्राप्त करने के लिए प्रत्येक तत्व को अल्पविराम से अलग करें। और तत्वों, . का चयन करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>