একটি প্লেসহোল্ডার থাকা ইনপুট টেক্সটবক্সের শৈলী কাস্টমাইজ করতে, আমরা ব্যবহার করি :CSS-এর প্লেসহোল্ডার-দেখানো ছদ্ম-শ্রেণী।
উদাহরণ
নিচের উদাহরণগুলি CSS :placeholder-shwn pseudo-class.
চিত্রিত করে<!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> আউটপুট
এটি নিম্নলিখিত ফলাফল তৈরি করবে -
