كيفية تعطيل اختيار النص باستخدام CSS

تعرف على كيفية تعطيل تحديد النص باستخدام خاصية CSSuser-select

تتيح لنا المتصفحات الافتراضية تحديد النص في المتصفح باستخدام لوحة المفاتيح ، أو الضغط على تركيبة cmd-A على جهاز Mac على سبيل المثال ، أو باستخدام الماوس.

كيف يمكنك تعطيل ذلك ، لجعل صفحتك على الويب تتصرف مثل تطبيق وأقل شبهاً بالمستند؟

استخدم الuser-select: none;حكم CSS.

تحتاج إلى استخدام بادئات المتصفح ، مثلhttps://caniuse.com/#feat=user-select-noneأخبرنا:

-webkit-touch-callout: none;
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

شيء واحد أستخدمه أحيانًا هو جعل واجهة التطبيق غير قابلة للاختيارuser-select: none;على عنصر الجسم ، ثم يمكنني إعادة تمكينه على عناصر محددة ، باستخدام:

user-select: text;

تحميل مجانيكتيب CSS


المزيد من دروس css: