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

सीएसएस के साथ हर चेक किए गए <इनपुट> तत्व को स्टाइल करें

<घंटा/>

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

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         input:checked {
            height: 20px;
            width: 20px;
         }
      </style>
   </head>
   <body>
      <p>Fav sports:</p>
      <form action="">
         <input type = "checkbox" value = "Football">Football<br>
         <input type = "checkbox" value = "Cricket">Cricket<br>
         <input type = "checkbox" checked = "checked" value = "Tennis"> Tennis<br>
         <input type = "checkbox" value = "Badminton">Tennis
      </form>
   </body>
</html>

आउटपुट

सीएसएस के साथ हर चेक किए गए  इनपुट  तत्व को स्टाइल करें


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

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

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

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

  1. सीएसएस के साथ एक घंटा तत्व कैसे शैलीबद्ध करें?

    CSS के साथ hr एलिमेंट को स्टाइल करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <head> <style>    body{       font-family: 'Segoe UI',