मेरे पास पृष्ठभूमि छवि के साथ यह div तत्व है और मैं इसे डबल क्लिक करने पर div तत्व पर प्रकाश डालना बंद करना चाहता हूं। क्या इसके लिए सीएसएस संपत्ति है?
मेरे पास पृष्ठभूमि छवि के साथ यह div तत्व है और मैं इसे डबल क्लिक करने पर div तत्व पर प्रकाश डालना बंद करना चाहता हूं। क्या इसके लिए सीएसएस संपत्ति है?
जवाबों:
नीचे दिए गए सीएसएस उपयोगकर्ताओं को पाठ का चयन करने में सक्षम होने से रोकता है। लाइव उदाहरण: http://jsfiddle.net/hGTwu/20/
-webkit-user-select: none; /* Chrome/Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */
/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
IE9 को नीचे की ओर और ओपेरा को लक्षित करने के लिए html विशेषता unselectableका उपयोग किया जाना चाहिए:
<div unselectable="on">Test Text</div>
unselectableविशेषता चाहिए। कोई है -o-user-selectवैसे,।
@include user-select(none);
draggable = falseफ़ायरफ़ॉक्स पर divgable खींचने योग्य हो गया ।
यह मेरे लिए काम करता है
html
{
-webkit-tap-highlight-color:transparent;
}
मैं क्रोम में div हाइलाइटिंग को रोकने के लिए एक समाधान खोजने की कोशिश कर रहा था, और इस पोस्ट में बदल गया। लेकिन, दुर्भाग्य से, किसी भी उत्तर ने मेरी समस्या को हल नहीं किया।
बहुत सारे ऑनलाइन शोध के बाद, मैंने पाया कि फिक्स कुछ बहुत ही सरल है। किसी भी जटिल CSS की कोई आवश्यकता नहीं है। बस अपने वेब पेज पर निम्नलिखित सीएसएस जोड़ें और आप सभी सेट हैं। यह लैपटॉप के साथ-साथ मोबाइल स्क्रीन में भी काम करता है।
div { outline-style:none;}
नोट : यह क्रोम संस्करण 44.0.2403.155 मीटर में काम किया। इसके अलावा, यह आज के सभी प्रमुख ब्राउज़रों में समर्थित है जैसा कि इस url पर समझाया गया है: https://developer.mozilla.org/en-US/docs/Web/CSS/outline-style
मैं कोई सीएसएस विशेषज्ञ नहीं हूं, लेकिन मुझे लगता है कि जब तक आप प्रभावित तत्वों की संख्या का विस्तार करते हैं, तब तक आप tw16 के उत्तर का उपयोग कर सकते हैं। उदाहरण के लिए, यह किसी भी अन्य प्रकार की अन्तरक्रियाशीलता को प्रभावित किए बिना मेरे पेज पर हर जगह हाइलाइटिंग को रोकता है:
*, *: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; }