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

CSS দিয়ে readonly অ্যাট্রিবিউটযুক্ত <input> এলিমেন্ট স্টাইল করুন


রিড-অনলি এলিমেন্ট সিলেক্ট করতে CSS :read-only সিলেক্টর ব্যবহার করুন।

উদাহরণ

নিচের কোড রান করে :read-only সিলেক্টর ইমপ্লিমেন্ট করুন।

<!DOCTYPE html> <html>   <head>     <style>       input:read-only {         background-color: blue;         color: white;       }     </style>   </head>   <body>     <form>       Subject: <input type = "text" name = "subject" value = "Maths"><br>       Student: <input type = "text" name = "student" readonly value = "Amit"><br>     </form>   </body> </html>

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

  2. ইনলাইন CSS ব্যবহার

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

  4. CSS দিয়ে alt অ্যাট্রিবিউট 지닌 সকল এলিমেন্ট সিলেক্ট করুন