2011-06-22 10 views
6

क्या कोई हल्का सीएसएस या जावास्क्रिप्ट स्निपेट है जो मुझे केवल पाठ के लिए उपलब्ध पृष्ठ पर चीजों का चयन/हाइलाइटिंग करने की अनुमति देगा? जब आप पाठ को हाइलाइट करने का प्रयास कर रहे होते हैं तो यह हमेशा मुझे परेशान करता है और आप divs और छवियों और चीजों को हाइलाइट करते हैं।सीएसएस केवल वेबपृष्ठ पर पाठ के चयन की अनुमति देता है?

क्या टेक्स्ट को हाइलाइट करने का कोई तरीका है? इसमें अनुच्छेद, एंकर, divs & छवियों के अंदर पाठ, और सभी शीर्षलेख टैग शामिल होंगे।

धन्यवाद! ~ जैक्सन

मैं परिणाम देने वाले किसी भी व्यक्ति को अपलोड कर रहा हूं, मैं वर्तमान में @ निक राडफोर्ड कोड को ईटीएड चला रहा हूं।

यहाँ यह है, और यह करीब है, अभी भी पाठ के अलावा चयन का एक बहुत Ctrl + A के साथ चल रहा है: http://designsweeter.com/

उत्तर

15
html{ 
    -o-user-select: none; 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    user-select: none; 
} 
p,a,h1,h2,h3,h4,h5,h6,div,br,li,td,article{ 
    -o-user-select: text; 
    -moz-user-select: text; 
    -webkit-user-select: text; 
    user-select: text; 
} 

पहले खंड से अक्षम एचटीएमएल में चयन, दूसरा इसे किसी भी आइटम में पुनः सक्षम बनाता है जिसमें HTML5 के रूप में टेक्स्ट हो सकता है। यह बहुत बड़ा है, लेकिन न्यूनतम किया गया, यह छोटा होता है:

html{-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none}p,a,h1,h2,h3,h4,h5,h6,div,br,li,td,article{-moz-user-select:text;-o-user-select:text;-webkit-user-select:text;user-select:text} 
6

इस काम हो सकता है:

img, div { 
    -o-user-select: none; 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    user-select: none; 
} 
+0

किसी भी विचार ब्राउज़र समर्थन किस तरह इस के लिए मौजूद है? – kinakuta

+0

यह छवियों और divs के लिए करता है। लेकिन सिर्फ सामान्य खाली जगह के बारे में क्या। यदि आप नियंत्रण + ए दबाते हैं और पूरे पृष्ठ का चयन करते हैं, तो आपको बस टेक्स्ट नहीं मिलता है, आपको यह सब मिल जाता है। मैं जल्द ही एक लिंक पोस्ट करूंगा – alt

+0

@kinakuta: हालिया गेको, प्रेस्टो और वेबकिट विक्रेता-विस्तार संस्करणों का समर्थन करता है ('-moz-user-select', '-o-user-select' और' -webkit-user-select ')। – BoltClock

संबंधित मुद्दे