HTML input এলিমেন্টের placeholder টেক্সট স্টাইল করতে CSS pseudo-element selector :: ব্যবহার করতে হয়।
নরম্যাল Input Placeholder
<input type="text" placeholder="Hello there!">
CSS দিয়ে স্টাইলিং
::placeholder সিলেক্টর দিয়ে placeholder টেক্সট লাল করুন:
input::placeholder { color: red; }
রিঅюзেবল Placeholder ক্লাস
সব input-এ একই স্টাইল না চাইলে ক্লাস ব্যবহার করুন:
.custom-input-placeholder::placeholder { color: red; }<input class="custom-input-placeholder" type="text" placeholder="Hello there!">গুড টু নো
Pseudo-elements এবং pseudo-classes গুলিয়ে যাবেন না:
- Pseudo-elements = DOM-এর অংশ (সিনট্যাক্স:
::) - Pseudo-classes = এলিমেন্টের স্টেট ইউজার ইন্টারঅ্যাকশন অনুযায়ী (যেমন
:focus,:active) (সিনট্যাক্স::)
