คุณสมบัติ caret-color

คุณสมบัติ caret-color กำหนด สีของเคอร์เซอร์ข้อความใน input ซึ่งปรากฏขึ้นเมื่อมีการป้อนข้อความ คุณสมบัตินี้สามารถรับค่าได้สองค่า: auto (ค่าเริ่มต้น) และสี ที่ผู้ใช้เลือก

ไวยากรณ์

cssselector {
  caret-color: auto หรือ สี;
}

ตัวอย่าง

มาดูการกำหนดสีเคอร์เซอร์ข้อความ เริ่มต้นกัน:

html<input>

cssinput {
  padding: 5px;
  caret-color: auto;
}

Результат:

ตัวอย่าง

ตอนนี้เรามาเปลี่ยนสีเคอร์เซอร์ข้อความ เป็นสีน้ำเงินกัน:

html<input>

cssinput {
  padding: 5px;
  caret-color: blue;
}

Результат:

ดูเพิ่มเติม