इलिप्सिस '...' मान सही रंग नहीं है

Question

जब आवश्यक हो तो प्रत्येक पंक्ति के अंत में 3 डॉट्स '... के साथ एक टेबल है (टेक्स्ट ओवरफ्लो)। मैंने टेक्स्ट-ओवरफ्लो प्रॉपर्टी के इलिप्सिस मान का उपयोग किया। यह काम करता है: जब विंडो का आकार बदलता है, तो '...' दिखाया जाता है, लेकिन मेरे पास 2 समस्याएं होती हैं जब मेरी तालिका में रेखा में एक अवधि होती है:

• '...' फ़ॉन्ट रंग में रंगीन हैं अवधि के
• '...'

डेमो यहाँ देखें अवधि के फ़ॉन्ट का आकार बदला गया है: http://jsfiddle.net/Ah4DR/1/

हो सकता है कि यह एक नौसिखिया सवाल है, लेकिन मैं एक समय के लिए खोज की है और कोई समाधान नहीं मिला।

मैं यह कहना भूल गया कि यह इंटरनेट एक्सप्लोरर पर काम नहीं करता है लेकिन क्रोम पर ठीक काम करता है।

धन्यवाद!

Answer 1

यह निश्चित रूप से आईई में एक बग प्रतीत होता है। यह (किसी भी कारण से) इलिप्सिस के रंग को निर्धारित करने के लिए पहले तत्व (या शायद यह पहली सामग्री है) का रंग पढ़ रहा है। हालांकि, मुझे बग के लिए "चारों ओर काम" मिला। मैं संभव यह ऊपर किसी तरह बस को लक्षित करने के आईई (और केवल td तत्वों आप text-overflow पर प्रयोग कर रहे हैं) में स्थापित करने अगर सिफारिश करेंगे, लेकिन अवधारणा के प्रमाण के रूप, यह ठीक करता है:

td:before {content: ''; color: black;} 

जाहिर है पहले td सामग्री को परिभाषित करने वाली सामग्री वास्तविक सामग्री नहीं होनी चाहिए, क्योंकि छद्म सामग्री काम करती है।

Answer 2

मुझे एक ही समस्या थी; जबकि मेरा पाठ गहरे भूरे रंग पर सफ़ेद था, इलिप्सिस रंग काला लग रहा था। मैंने बस उस रंग का रंग सेट करके हल किया जिसमें टेक्स्ट-ओवरफ्लो शामिल था: इलिप्सिस, इस तरह:

.ellipsis-div { 
    white-space: nowrap; 
    width: 154px; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    color: white;  /* --> ellipsis color */ 
}