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

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

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

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

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