আমার এই ডিভ উপাদানটি একটি পটভূমি চিত্র সহ আছে এবং আমি ডাবল-ক্লিক করার সময় ডিভ উপাদানটির উপর হাইলাইট করা বন্ধ করতে চাই। এর জন্য কি কোনও সিএসএস সম্পত্তি রয়েছে?
উত্তর:
নীচের সিএসএস ব্যবহারকারীদের পাঠ্য নির্বাচন করতে সক্ষম হতে বাধা দেয়। সরাসরি উদাহরণ: http://jsfiddle.net/hGTwu/20/
/* If you want to implement it in very old browser-versions */
-webkit-user-select: none; /* Chrome/Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */
/* The rule below is not implemented in browsers yet */
-o-user-select: none;
/* The rule below is implemented in most browsers by now */
user-select: none;
আইই9কে নীচের দিকে এবং অপেরা লক্ষ্যবস্তু করার জন্য এইচটিএমএল বৈশিষ্ট্যটি unselectableব্যবহার করা আবশ্যক:
<div unselectable="on">Test Text</div>
unselectableগুণাবলীর দরকার আছে । -o-user-selectউপায় নেই , নেই ।
@include user-select(none);কাঁচা সিএসএস ব্যবহার না করে
user-select: none উচিত ।
এটি আমার পক্ষে কাজ করে
html
{
-webkit-tap-highlight-color:transparent;
}
আমি ক্রোমে ডিভ হাইলাইটিং বন্ধ করার একটি সমাধান অনুসন্ধান করার চেষ্টা করছিলাম এবং এই পোস্টে ফিরেছি। তবে, দুর্ভাগ্যক্রমে, উত্তরগুলির কোনওোটাই আমার সমস্যার সমাধান করেনি।
অনেকগুলি অনলাইন গবেষণার পরে, আমি আবিষ্কার করেছি যে ঠিক করা খুব সহজ কিছু something কোনও জটিল সিএসএসের দরকার নেই। কেবলমাত্র আপনার ওয়েব পৃষ্ঠায় নিম্নলিখিত সিএসএস যুক্ত করুন এবং আপনি সমস্ত প্রস্তুত। এটি ল্যাপটপের পাশাপাশি মোবাইল স্ক্রিনেও কাজ করে।
div { outline-style:none;}
দ্রষ্টব্য : এটি ক্রোম সংস্করণ 44.0.2403.155 মি তে কাজ করেছে। এছাড়াও, এটি এই ইউআরএল অনুসারে আজকের সমস্ত বড় ব্রাউজারে সমর্থিত: https://developer.mozilla.org/en-US/docs/Web/CSS/outline-style
আমি কোনও সিএসএস বিশেষজ্ঞ নই, তবে আমি মনে করি আপনি যতক্ষণ প্রভাবিত উপাদানগুলির সংখ্যা বৃদ্ধি করবেন ততক্ষণ আপনি টুইটারের উত্তর ব্যবহার করতে পারবেন। উদাহরণস্বরূপ, এটি অন্য কোনও ধরণের মিথস্ক্রিয়তাকে প্রভাবিত না করে আমার পৃষ্ঠায় সর্বত্র হাইলাইট করা রোধ করে:
*, *:before, *:after {
-webkit-user-select: none; /* Chrome/Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */
}
সেই প্রথম লাইনটি পল আইরিশের সৌজন্যে ( http://adamschwartz.co/magic-of-css/chapters/1-the-box/ এর মাধ্যমে )।
div::-moz-selection { background:transparent; }
div::selection { background:transparent; }
::-moz-selection { background:transparent; }
::selection { background:transparent; }
ব্যবহারকারী নির্বাচন করা অক্ষম করুন:
div {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
নির্বাচিত উপাদানটির জন্য স্বচ্ছ পটভূমি সেট করুন:
div::-moz-selection { background:transparent; }
div::selection { background:transparent; }