CSS user-select ทรัพย์คุณ

การประกาศและการใช้งาน

คุณสมบัติ user-select กำหนดว่าจะสามารถเลือกข้อความขององค์ประกอบหรือไม่

ในบราวเซอร์เว็บ ถ้าคุณทับข้อความด้วยคลิกสองครั้ง ข้อความจะถูกเลือกหรือแสดงให้เห็นด้วยแสงแหวน คุณสามารถใช้คุณสมบัตินี้เพื่อป้องกันการดังกล่าว

ดูเพิ่มเติม:

คู่มือ HTML DOMคุณสมบัติ userSelect

ตัวอย่าง

ป้องกันการเลือกข้อความขององค์ประกอบ <div>:

div {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ and Edge */
  user-select: none; /* Standard syntax */
}

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

การเขียนภาษา CSS

user-select: auto|none|text|all;

ค่าทางตัวเลือก

ค่า คำอธิบาย
auto ค่าเริ่มต้น。ถ้าบราวเซอร์อนุญาต คุณสามารถเลือกข้อความได้
none ป้องกันการเลือกข้อความ
text ข้อความสามารถถูกเลือกโดยผู้ใช้
all คลิกเลือกข้อความ แทนที่จะคลิกทับครั้งสอง

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

ค่าเริ่มต้น: auto
ตามรูปแบบ: ไม่
การสร้างอนุรักษ์: ไม่สนับสนุน。โปรดดู:คุณสมบัติที่เกี่ยวกับอนุรักษ์.
เวอร์ชัน: CSS3
การเขียนภาษา JavaScript: object.style.userSelect="none"

การสนับสนุนโปรแกรมบราวเซอร์

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

ตาม -webkit-、-ms- หรือ -moz- ใช้ตัวเลขกำหนดใช้หน้าแนวหน้าของรูปแบบตัวอักษรแรก

Chrome IE / Edge Firefox Safari Opera
54.0
6.0 -webkit- 		79.0
10.0 -ms- 		69.0
2.0 -moz- 		3.1 -webkit- 41.0
15.0 -webkit-