CSS :placeholder-shown ব্যবহার করে খালি টেক্সট ইনপুটের স্টাইল কাস্টমাইজ করা

প্লেসহোল্ডার থাকা ইনপুট টেক্সটবক্সের স্টাইল কাস্টমাইজ করতে, আমরা CSS-এর :placeholder-shown সিউডো-ক্লাস ব্যবহার করি।

উদাহরণ

নিচের উদাহরণগুলো CSS :placeholder-shown সিউডো-ক্লাস ব্যাখ্যা করে।

<!DOCTYPE html> <html> <head> <style> input:placeholder-shown {    border-color: dodgerblue; } input:nth-of-type(even):placeholder-shown {    border-color: olivedrab; } </style> </head> <body> <input type="text" placeholder="dodgerblue"> <input type="email" placeholder="olivedrab"> </body> </html>

আউটপুট

এটি নিচের ফলাফল দেবে:

উদাহরণ

<!DOCTYPE html> <html> <head> <style> input:placeholder-shown {    border-color: orange;    background: powderblue; } </style> </head> <body> <input type="radio" checked> <input type="email" placeholder="orange"> <input type="text"> </body> </html>

আউটপুট

এটি নিচের ফলাফল দেবে: