কম্পিউটার টিউটোরিয়াল

CSS দিয়ে প্রতিটি চেক করা <input> এলিমেন্ট স্টাইল করুন


প্রতিটি চেক করা <input> এলিমেন্ট স্টাইল করতে CSS :checked সিলেক্টর ব্যবহার করুন। নিচের কোড রান করে :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>

আউটপুট

CSS দিয়ে প্রতিটি চেক করা <input> এলিমেন্ট স্টাইল করুন


  1. CSS দিয়ে Input Placeholder টেক্সট স্টাইল করা

  2. CSS-এ বৈধ মানসহ সব <input> এলিমেন্ট স্টাইল করা

  3. CSS দিয়ে input type="button" স্টাইল করা

  4. CSS দিয়ে HR এলিমেন্ট স্টাইল করার পদ্ধতি