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

CSS-এ ফোকাসকৃত এলিমেন্ট স্টাইল করা


ফোকাসকৃত এলিমেন্ট সিলেক্ট করতে :focus সিলেক্টর ব্যবহার করুন। :focus সিলেক্টর বাস্তবায়ন করতে নিচের কোডটি চালান:

উদাহরণ

<!DOCTYPE html>
<html>
  <head>
    <style>
      input:focus {
        background-color: green;
      }
    </style>
  </head>
  <body>
    <form action="">
      Subject <input type="text" name="subject"><br>
      Student: <input type="text" name="student"><br>
      Age: <input type="number" name="age"><br>
      <input type="submit" value="Submit">
    </form>
  </body>
</html>

  1. CSS দিয়ে প্যারেন্টের চাইল্ড হয়ে শেষ থেকে গণনা করে p এলিমেন্ট স্টাইল করুন

  2. CSS দিয়ে প্যারেন্টের একমাত্র চাইল্ড হয়ে p এলিমেন্ট স্টাইল করুন

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

  4. HTML-এ একটি এলিমেন্ট রিড-অনলি কীভাবে করবেন?