फ़ायरफ़ॉक्स 4 फ़ाइल इनपुट चौड़ाई बग?

Question

3I'm एक फ़ाइल इनपुट एचटीएमएल टैग की चौड़ाई बदल रहा:

<input type="file" id="newFilename" name="Filename"> 
input[type="file"] {width:380px !important} 

Firefox 3 में, क्रोम और सफारी यह पूरी तरह काम करता है।

फ़ायरफ़ॉक्स में 4 मैं इसे काम पर नहीं ला सकता। चौड़ाई एक ही रहती है!

डेमो: http://jsfiddle.net/LwzW9/1/

Firebug के साथ जांच की जा रही मैंने देखा है कि <input> परिवर्तन के आकार है, लेकिन मैं वास्तव में परिवर्तन नहीं देखते हैं: (छवि देखें)

कोई भी विचार? क्या यह कोई ज्ञात त्रुटि है?

धन्यवाद।

Answer 1

को देखने के लिए जब uniform.js का उपयोग कर, हल करती है इस तरह की समस्या की आवश्यकता होगी मैं एक ही समस्या थी:

<input type="file" size="X"> 

या

$('input[type="file"]').attr('size', 'X'); 

जहां एक्स के एक नंबर है वर्ण जो आप परिभाषित करते हैं। अन्य ब्राउज़रों में सुरक्षा के लिए आपके सीएसएस में सही चौड़ाई भी होनी चाहिए।

फिडल: http://jsfiddle.net/EfntV/

Answer 2

मैं तुम्हें

width: 380px !important; //line 94 

इस के बाद से आप एक अधिक विशिष्ट उपयोग कर रहे हैं की #newFilename {width:280px}

नोट मूल्य मैं 100% यह कैसे काम करता के बारे में यकीन नहीं है ओवरराइड होता है कि नोटिस चौड़ाई बदलने के लिए सीएसएस चयनकर्ता। कुछ नमूना