ตัวเลือกเทียม placeholder

ตัวเลือกเทียม placeholder กำหนดสไตล์ สำหรับคำแนะนำ placeholder ในแท็ก input หรือ textarea

ไวยากรณ์

cssตัวเลือก::placeholder {
  color: red;
}

ตัวอย่าง

มาเปลี่ยนสีคำแนะนำเป็นสีแดง:

html<input type="text" placeholder="คำแนะนำ">
cssinput::placeholder {
  color: red;
}

Результат:

ตัวอย่าง . คำแนะนำใน textarea

มาเปลี่ยนสีคำแนะนำในแท็ก textarea เป็นสีแดง:

html<textarea placeholder="คำแนะนำ"></textarea>
csstextarea::placeholder {
  color: red;
}

Результат:

ดูเพิ่มเติม

  • แอตทริบิวต์ placeholder,
    ซึ่งกำหนดคำแนะนำสำหรับช่องป้อนข้อมูล
  • คลาสเทียม placeholder-shown,
    ซึ่งกำหนดสไตล์ให้กับช่องป้อนข้อมูลที่มีคำแนะนำ