2010-01-11 7 views
9

क्या ::selection और ::-moz-selection सीएसएस छद्म तत्वों को टेक्स्टरेरा के अंदर पाठ में लागू करने का कोई तरीका है?textarea :: चयन और :: - moz -lection

textarea::selection { 
    color: #ff0000; 
} 

काम नहीं कर रहा है

उत्तर

4

this के अनुसार, यह काम करना चाहिए।

क्या आप इसे !important देने का प्रयास कर सकते हैं?

क्या आप इसे टेक्स्टरेरा की तुलना में किसी भिन्न तत्व पर लागू करने का प्रयास कर सकते हैं, उदा। एक div? यदि यह वहां काम करता है, तो यह इनपुट तत्वों के लिए अलग-अलग काम करता है - लेकिन मुझे इसका उल्लेख करने वाले कोई भी संसाधन नहीं मिल रहे हैं।

मैं सहमत नहीं:

+0

यह मेरे लिए divs और spans पर काम किया है। एक महत्वपूर्ण जोड़ना मदद नहीं की। विचित्र रूप से, जब मैं पूरे टेक्स्टरेरा का चयन करता हूं तो एक बहु-पंक्ति टेक्स्टरेरा पर रिक्त रेखाएं पृष्ठभूमि-रंग के साथ चुने जाएंगी, लेकिन उनमें से लिखने वाले लोगों में नियमित चयन रंग होता है। मैंने सुबह भर कुछ संसाधनों की तलाश में बिताया कि यह इनपुट में अलग-अलग क्यों संभाला जाएगा, लेकिन मुझे या तो काम करने वाला उदाहरण नहीं मिल रहा है। – Trevor

+0

ऐसा लगता है जैसे मोज़िला अलग-अलग चयनों का इलाज कर रहा है जो एक फॉर्म इनपुट का हिस्सा हैं। मुझे डर है कि यह उन मामलों में से एक हो सकता है जहां कुछ भी नहीं किया जा सकता है, क्योंकि ब्राउजर के इनपुट स्टाइल दिशानिर्देश अन्य सभी चीज़ों को ओवरराल करते हैं, जैसे कि 'चयन' या' फाइल 'जैसे फॉर्म इनपुट तत्वों के समान, जिन्हें केवल बहुत सीमित तरीके से अनुकूलित किया जा सकता है । –

+2

एफएफ में मेरे लिए काम करता है, लेकिन क्रोम में नहीं। –

1

के रूप में आप here कहा, मैं भी इस सवाल का अद्यतन कर देंगे अपडेट किया गया। यह काम कर रहा है;)
फ़ायरफ़ॉक्स 4.0b6

पर परीक्षण किया गया मैं (पुष्टि कर सकते हैं निम्नलिखित कोड कम से कम काम करता है Firefox 4.0b6 के तहत अपने ही answer)

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>Test</title> 
<style type="text/css"> 

p::-moz-selection, input::-moz-selection, textarea::-moz-selection { 
    color: red; 
    background-color: grey; 
} 
</style> 
</head> 

<body> 
<p>This paragraph is selection-aware.</p> 
<form action="#"> 
<input type="text" id="itext" value="So is this input[text]" /> 
<textarea id="itextarea">And this textarea, as well</textarea> 
</form> 
</body> 
</html> 

यह प्रोग्राम के रूप में wroking नहीं किया जा सकता से लिया, यदि आप जो कर रहे हैं उससे सावधान नहीं हैं। हो सकता है कि आप jQuery.select() के साथ कुछ चुनने का प्रयास कर रहे हैं और आप इसकी सामग्री के बजाय टेक्स्टरेरा ऑब्जेक्ट का चयन कर रहे हैं।