প্রতিস্থাপক রঙ কিভাবে পরিবর্তন করা যায়

CSS-এর মাধ্যমে প্রতিস্থাপক প্রতিশব্দের রঙ কিভাবে পরিবর্তন করা যায় শিখুন。

亲自试一试

প্রতিস্থাপক রঙ কিভাবে পরিবর্তন করা যায়

প্রথম পদক্ষেপ - HTML যোগ করুন:

ইনপুট উপাদান ব্যবহার করে এবং placeholder প্রতিশব্দ:

<input type="text" placeholder="A red placeholder text..">

দ্বিতীয় পদক্ষেপ - CSS যোগ করুন:

অধিকাংশ ব্রাউজারে, প্রতিস্থাপক টেক্সট হলেও গোলাপী রঙের হয়। এই সেটিং পরিবর্তন করতে ::placeholder প্রতিস্থাপক শৈলী সেট করতে

মনে রাখুন যে, Firefox-এর প্রতিস্থাপক টেক্সটকে কম অস্তিত্ব দেয়, তাই আমরা opacity: 1 এই সমস্যা সমাধান করার জন্য。

::placeholder {
  color: red;
  opacity: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
  color: red;
{}

亲自试一试

相关页面

参考手册:সিএসএস ::placeholder সিলেক্টর