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

CSS দিয়ে ফর্ম ইনপুটে ব্যাকগ্রাউন্ড কালার যোগ করা

ফর্ম ইনপুটে ব্যাকগ্রাউন্ড কালার যোগ করতে background-color প্রোপার্টি ব্যবহার করুন।

ফর্মে ব্যাকগ্রাউন্ড কালার প্রোপার্টি বাস্তবায়ন করতে নিচের কোডটি রান করুন:

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          input[type=text] {             width: 100%;             padding: 10px 15px;             margin: 5px 0;             box-sizing: border-box;             background-color: gray;          }       </style>    </head>    <body>       <p>Fill the below form,</p>       <form>          <label for = "subject">Subject</label>          <input type = "text" id = "subject" name = "sub">          <label for = "student">Student</label>          <input type = "text" id = "student" name = "stu">       </form>    </body> </html>

  1. CSS দিয়ে Input ফিল্ডের পীলা ব্যাকগ্রাউন্ড রিমুভ করা (WebKit Autofill)

  2. CSS ব্যবহার করে HTML5 ইনপুটের প্লেসহোল্ডার রঙ পরিবর্তন করা

  3. CSS দিয়ে ফুল-উইডথ ইমেজে ফর্ম যোগ করা

  4. CSS caret-color ব্যবহার করে কーソর রঙ পরিবর্তন করা