วิธีเปลี่ยนสีของตัวยัง

วิธีเปลี่ยนสีของตัวยัง

ขั้นที่ 1 - เพิ่ม HTML:

ใช้องค์ประกอบของอินพุทและเพิ่ม placeholder คุณสมบัติ:

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

ขั้นที่ 2 - เพิ่ม CSS:

ในส่วนใหญ่ของเบราเซอร์ ข้อความตัวยังเป็นสีขาว ::placeholder เลือกเล็กน้อยตัวอ่านเพื่อตั้งรูปแบบตัวยัง

โปรดระวังว่า Firefox ได้เพิ่มความโคมโศกของตัวยังเพียงน้อย ดังนั้นเราใช้ opacity: 1 มีการแก้ปัญหานี้

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

ลองทดลองด้วยตัวเอง

หน้าที่เกี่ยวข้อง

คู่มือ:CSS ::placeholder ใช้งาน