2008-08-27 18 views
6

मैं निम्न HTMLकाले रंग की पृष्ठभूमि के साथ टैग HTML का चयन करें - लटकती त्रिकोण फ़ायरफ़ॉक्स में अदृश्य है 3

<html> 
    <select id="opts" style="background-color: black; color: white;"> 
    <option>first</option> 
    <option>second</option> 
    </select> 
</html> 

सफारी बहुत चालाक छोटे त्रिकोण बनाने के लिए है (पृष्ठभूमि काले और सफेद पाठ बनाने सीएसएस ध्यान दें) है जो टेक्स्ट के दाहिने ओर अग्रभूमि पाठ के समान रंग के दाईं ओर दिखाई देता है।

अन्य ब्राउज़र मूल रूप से सीएसएस को अनदेखा करते हैं, इसलिए वे भी ठीक हैं। किसी को भी मदद कर सकते हैं -

फ़ायरफ़ॉक्स 3 लेकिन इस

Example

मैं बाहर इसे ठीक करने नहीं मिल सकता है की तरह पृष्ठभूमि रंग लागू होता है लेकिन त्रिकोण काला छोड़ देता है, तो आप इसे नहीं देख सकते हैं, ? क्या -moz-select-triangle-color या ऐसा कुछ अस्पष्ट है?

+0

देख मैं एक फ़ाइल में है कि कोड को हटा दिया और इसे ff3 पर धक्का दिया और मैं नहीं देखता कि आप क्या देखते हैं ... तीर भूरे रंग की पृष्ठभूमि और काले तीर के साथ डिफ़ॉल्ट रंग है। क्या आप स्क्रॉलबार भी स्टाइल कर रहे हैं? – RedWolves

उत्तर

3

Vista समस्या नहीं होनी चाहिए। मेरे पास XP SP 2 है और यह सामान्य दिखता है।

+1

यह मैक ओएसएक्स फ़ायरफ़ॉक्स 3 में भी एक समस्या है –

3

क्या बटन को काला होने की आवश्यकता है? आप बदले में विकल्पों में काली पृष्ठभूमि लागू कर सकते हैं।

0

मैंने उस कोड को एक फ़ाइल में गिरा दिया और इसे ff3 पर धक्का दिया और मुझे नहीं लगता कि आप क्या देखते हैं ... तीर भूरे रंग की पृष्ठभूमि और काले तीर के साथ डिफ़ॉल्ट रंग है।

क्या आप स्क्रॉलबार भी स्टाइल कर रहे हैं?

मैं पोस्ट को नवीनीकृत किया है, वहाँ में HTML अब सचमुच सभी एचटीएमएल कि लोड किया जा रहा है, कोई अन्य सीएसएस/जे एस या कुछ भी है, और यह अभी भी तस्वीर में तैनात बिल्कुल के रूप में लग रहा है।

नोट मैं विस्टा पर हूं। यह XP पर अलग-अलग चीजें कर सकता है, मैंने

0

एक Vista समस्या होनी चाहिए। मेरे पास एक्सपी एसपी 2 है और यह सामान्य दिखता है।

तो यह है।
मैंने इसे XP पर आज़माया और यह ठीक है, और विस्टा पर थीम क्लासिक के साथ सेट क्लासिक के साथ यह भी ठीक है। फ़ायरफ़ॉक्स-विस्टा-एरो थीम में बस एक बग होना चाहिए।

2

विस्टा पर थोड़ा काला तीर शो (एक काले रंग की पृष्ठभूमि के साथ) बनाने के लिए, मैं एक सफेद बॉक्स gif बना दिया है और निम्नलिखित सीएसएस प्रयोग किया है: ऊपर फिक्स साथ

select { 
    background-image: url(../images/selectBox.gif); 
    background-position: right; 
    background-repeat: no-repeat; 
} 
3

समस्या यह काम नहीं करता है सफारी पर - आप सफेद पृष्ठभूमि के साथ समाप्त होते हैं जो दिखाता है कि खराब दिखता है। मैं इस दौर इस Moz विशिष्ट छद्म वर्ग का उपयोग करके प्राप्त किया:

select:-moz-system-metric(windows-default-theme) { 
    background-image: url(../images/selectBox.gif); 
    background-position: right; 
    background-repeat: no-repeat; 
} 

सिद्धांत रूप में यह केवल इस सीएसएस अगर एक फैंसी विंडोज विषय प्रभाव में है पर लागू होता है, इस https://developer.mozilla.org/en/CSS/%3a-moz-system-metric(windows-default-theme)