بسم الله الرحمن الرحيم
قد تكون في بعض الحالات تريد أن تقوم بتعطيل إمكانية تحديد نص معين من القالب أو الموقع الذي تعمل عليه لسبب ما ، وفي مثل هذه الحالة يمكنك الإستعانة بخاصية "user-select" إحدى خصائص CSS
كل ما عليك هو أن تقوم بأضافة هذه الأكواد إلى المكان الذي تريد إلغاء خاصية تحديد النص منه ..
.disable-selection { -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer */ -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */ -webkit-user-select: none; /* Chrome, Safari, and Opera */ -webkit-touch-callout: none; /* Disable Android and iOS callouts*/ }
بعض التفاصيل عن الخاصية :
- webkit-user-select : هي لمتصفح جوجل كروم ، متصفح سفاري ، أيضاً أوبرا (أي لا يوجد حاجة لخاصية "o-user-select")
- -webkit-touch-callout : هذه الخاصية لتقوم بمنع ظهور خيار النسخ أو التحديد على أجهزة الأندرويد و الأيفون مثل الصورة التالية :
| المتصفح | الإصدار المدعوم |
|---|---|
| Chrome | 6 |
| Firefox | 2 |
| IE | 10 |
| Safari | 3.1 |
Mobile
| المتصفح | الإصدار المدعوم |
|---|---|
Chrome (Android)
|
2.1
|
Safari (iOS)
|
3.2
|
