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

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

<घंटा/>

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

उदाहरण

आप :अमान्य चयनकर्ता -

. को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं
<!DOCTYPE html>
<html>
   <head>
      <style>
         input:invalid {
            background: red;
         }
      </style>
   </head>
   <body>
      <h2>Heading</h2>
      <input type = "email" value = "InvalidEmail">
      <p>The style (red color background) appears if you type an irrelevant/ invalid email address.</p>
   </body>
</html>

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

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

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

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

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

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