CSS user-select প্রপার্টি ব্যবহার করে টেক্সট সিলেকশন ডিজেবল করার পদ্ধতি শিখুন।
ডিফল্টভাবে ব্রাউজার যেকোনো রিয়েল টেক্সট এলিমেন্ট সিলেক্ট করার অনুমতি দেয় (মাউস বা কিবোর্ড cmd+a/ctrl+a দিয়ে)।
সিলেকশন বন্ধ করতে:
selector { user-select: none; }উদাহরণ: ইউটিলিটি ক্লাস
.select-none { user-select: none; }<p class="select-none">This text cannot be selected.</p>ডেমো:
This text element cannot be selected, try yourself!
ব্রাউজার প্রিফিক্স: সব ব্রাউজারে কাজ করতে নিচের প্রিফিক্সগুলো লাগে:
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;