انتقل إلى محتوى الدرس

Text Highlighting With User Select تحديد النصوص بخاصية user-select

تحكم في تفاعل واجهة المستخدم في CSS عبر دلالات أشكال مؤشر الفأرة وتمرير النقرات بخاصية pointer-events وتنظيم تحديد النصوص وتقييد تحجيم الحقول بأمان.
2 صفوف تعليمية
لغة CSS
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يؤدي النقر المتكرر السريع على أزرار العدادات أو التبويبات غالباً إلى تظليل نص الزر باللون الأزرق عن طريق الخطأ. ويمنع تطبيق user-select: none على أزرار التحكم التفاعلية هذا التظليل العشوائي ليظل النقر سلساً ونظيفاً.

وعلى العكس تماماً، يتيح تطبيق user-select: all على أرقام المراجع أو رموز التفعيل تحديد السلسلة النصية كاملة بنقرة فأرة واحدة لنسخها بدقة دون سقوط أول حرف أو آخره، في حين تحافظ القيمة user-select: text على التحديد الطبيعي المعتاد للنصوص.

الصف 2 معاينة حية

مختبر مؤشر الفأرة وخصائص الواجهة التفاعلي