วิธีปิดกั้นการเลือกข้อความ

เรียนรู้วิธีการใช้ CSS ที่ปิดกั้นการเลือกข้อความใน HTML

ข้อความนี้สามารถเลือกได้

ข้อความนี้ไม่สามารถเลือกได้

ปิดกั้นการเลือกข้อความ

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

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

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

亲自试一试

相关页面

参考手册：CSS user-select 属性