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

বৈধ মানসহ সব <input> এলিমেন্ট স্টাইল করতে CSS :valid সিলেক্টর ব্যবহার করুন।

উদাহরণ

:valid সিলেক্টর বাস্তবায়ন করতে নিচের কোডটি চালান:

<!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>যদি আপনি একটি প্রাসঙ্গিক/বৈধ ইমেইল ঠিকানা টাইপ করেন তবে স্টাইল (লাল ব্যাকগ্রাউন্ড) প্রদর্শিত হবে।</p>
  </body>
</html>

আউটপুট