คุณสมบัติ user-select ใช้ควบคุมว่าผู้ใช้สามารถเลือก (highlight/select) ข้อความภายใน element ได้หรือไม่
ค่าที่ใช้ได้
auto(default): ตามพฤติกรรมปกติของบราวเซอร์none: ห้ามเลือกข้อความได้เลยtext: เลือกข้อความได้ (สำหรับ element ที่ปกติเลือกไม่ได้ เช่น input)all: คลิกครั้งเดียวเลือกทั้ง element ทั้งหมดcontain: การเลือกจะอยู่ภายใน element นั้นเท่านั้น
ตัวอย่างโค้ด
<!DOCTYPE html>
<html>
<head>
<style>
div {
user-select: none;
}
</style>
</head>
<body>
<h2>This is demo heading</h2>
<div>This is demo text. You won't be able to select it.</div>
</body>
</html>
การประยุกต์ใช้: ใช้ user-select: none สำหรับปุ่ม UI, ไอคอน, หรือเนื้อหาที่ไม่ควรให้ผู้ใช้คัดลอก (เช่น captcha, ตัวเลขสลิป) แต่ควรใช้อย่างระมัดระวังเพราะอาจสร้างประสบการณ์ผู้ใช้ที่ไม่ดี
Prefix: บราวเซอร์เก่าอาจต้องใช้ -webkit-user-select, -moz-user-select, -ms-user-select
