প্লেসহোল্ডার-শown সিউডোক্লাস

placeholder-shown সিউডোক্লাসটি একটি ইনপুট বা টেক্সটএরিয়ার স্টাইল নির্দিষ্ট করে, যেখানে তথাকথিত টেক্সট-ইঙ্গিত প্রদর্শিত হয়, যা টেক্সট লিখা শুরু করার পরে অদৃশ্য হয়ে যায়।

সিনট্যাক্স

cssসিলেক্টর:placeholder-shown {}

উদাহরণ

আসুন আমরা এমন একটি ইনপুটের জন্য একটি লাল বর্ডার সেট করি, যেখানে টেক্সট-ইঙ্গিত প্রদর্শিত হচ্ছে, এবং এটি লিখার পরে বর্ডারটি সবুজ রঙে পরিবর্তিত হোক:

html<form>
  <input placeholder="enter the text">
</form>

cssinput {
  border: 1px solid green;
}
input:placeholder-shown {
  border-color: red;
}

Результат:

আরও দেখুন