CSS ::ตัวเลือก ตัวยึดตำแหน่ง
ตัวอย่าง
เปลี่ยนสีของข้อความตัวแทนของช่องใส่:
::-webkit-input-placeholder
{ /* Edge */
color: red;
}
:-ms-input-placeholder
{ /* Internet Explorer 10-11 */
color: red;
}
::placeholder
{
color: red;
}
ความหมายและการใช้งาน
ตัว::placeholder
เลือกจะเลือกองค์ประกอบของฟอร์มที่มีข้อความที่พัก และให้คุณจัดรูปแบบข้อความในที่พักได้
ข้อความตัวแทนถูกกำหนดด้วยแอตทริบิวต์ตัวยึดตำแหน่ง ซึ่งระบุคำใบ้ที่อธิบายค่าที่คาดไว้ของช่องใส่ข้อมูล
เคล็ดลับ:สีเริ่มต้นของข้อความที่พักจะเป็นสีเทาอ่อนในเบราว์เซอร์ส่วนใหญ่
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนตัวเลือกอย่างสมบูรณ์
ตัวเลขตามด้วย -webkit-, -moz- หรือ -ms- ระบุเวอร์ชันแรกที่ทำงานกับคำนำหน้า
Selector | |||||
---|---|---|---|---|---|
::placeholder | 57.0 4.0 -webkit- |
12.0 -webkit- 10.0 -ms- |
51.0 4.0 -moz- |
10.1 5.0 -webkit- |
44.0 15.0 -webkit- |
ไวยากรณ์ CSS
::placeholder {
css declarations;
}