คุณสมบัติ caretColor ของ Style

การนิยามและการใช้งาน

caretColor คุณสมบัตินี้กำหนดสีของตัวยศาสตร์ (ตัวยศาสตร์) ในช่องบันทึกข้อมูล โฆษณา หรือองค์ประกอบที่สามารถแก้ไขได้

ดูเพิ่มเติม

คู่มือ CSSคุณสมบัติ caret-color

ตัวอย่าง

ตั้งค่าสีตัวยศาสตร์ของช่องบันทึกข้อมูลเป็นสีแดง:

document.getElementById("input1").style.caretColor = "red";

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

รูปแบบ

ส่งกลับคุณสมบัติ caretColor:

object.style.caretColor

ตั้งค่าคุณสมบัติ caretColor:

object.style.caretColor = "auto|color|initial|inherit"

ค่าของคุณสมบัติ

ค่า คำอธิบาย
auto โดยมาตรฐาน บราวเซอร์ใช้ currentColor สำหรับตัวยศาสตร์
color

ระบุสีของตัวยศาสตร์ สามารถใช้ค่าสีที่ถูกต้องทั้งหมด (rgb, hex, ชื่อสี และเช่นนั้น)

สำหรับข้อมูลเกี่ยวกับค่าที่ถูกต้องมากยิ่ง โปรดอ่าน สอนเกี่ยวกับสี CSS.

initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial.
inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของเขา โปรดดู inherit.

รายละเอียดเทคนิค

ค่าเริ่มต้น: auto
ค่าที่ส่งกลับมา: ข้อความที่ระบุว่าสีของตัวยศาสตร์ขององค์ประกอบ
สมุดเลข CSS: CSS3

การสนับสนุนโดยบราวเซอร์

จำนวนในตารางบอกเล่าว่าสูตรบราวเซอร์ที่สนับสนุนคุณสมบัตินี้เต็มตัวแรก

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 79.0 53.0 11.1 44.0