কিভাবে সিএসএস দিয়ে পাঠ্য নির্বাচন নিষ্ক্রিয় করবেন

user-select ব্যবহার করে পাঠ্য নির্বাচন কীভাবে অক্ষম করবেন তা শিখুন CSS সম্পত্তি।

ডিফল্টরূপে, ওয়েব ব্রাউজার আপনাকে যে কোনো ওয়েবসাইটে পাঠ্য নির্বাচন করতে দেয় - যতক্ষণ না এটি একটি বাস্তব পাঠ্য উপাদান এবং এটিতে পাঠ্য সহ একটি চিত্র নয়।

আপনি আপনার মাউস বা কীবোর্ড ব্যবহার করে পাঠ্য নির্বাচন করতে পারেন, যেমন cmd + a (Mac), অথবা ctrl + a (উইন্ডোজ)।

কিন্তু আপনি যদি পাঠ্য নির্বাচনের অনুমতি না দিতে চান (যে কোনো কারণেই হোক)?

আপনি CSS প্রপার্টি user-select ব্যবহার করেন এবং এটিকে none এর একটি মান দিন :

selector {
  user-select: "none";
}

তাহলে ধরা যাক যে আপনি .select-none নামে একটি ক্লাস আছে এমন প্রতিটি উপাদানে পাঠ্য নির্বাচন অক্ষম করতে চান। :

.select-none {
  user-select: "none";
}

এবং তারপরে আপনি সেই শ্রেণীটিকে যেকোনো উপাদানে যোগ করুন যেটিতে আপনি পাঠ্য নির্বাচন অক্ষম করতে চান:

<p class="select-none">This text cannot be selected.</p>

ডেমো:

এই পাঠ্য উপাদান নির্বাচন করা যাবে না, নিজেকে চেষ্টা করুন!

দ্রষ্টব্য:আপনাকে user-select-এর জন্য এই ব্রাউজার উপসর্গগুলি ব্যবহার করতে হবে এটি সমস্ত ব্রাউজারে কাজ করার জন্য সম্পত্তি:

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