2011-06-27 7 views
9

जैसा कि आप जानते हैं, आप अपने कस्टम बटन पर फ़ाइल इनपुट को पोजिशन करने और फ़ाइल इनपुट पर opacity: 0 का उपयोग करके (हैकी) दृष्टिकोण का उपयोग करके अपना स्वयं का फ़ाइल इनपुट नियंत्रण बना सकते हैं।क्या फ़ाइल इनपुट बड़े क्रॉस ब्राउज़र पर मूल 'ब्राउज' बटन बनाने का कोई तरीका है?

नीचे दी गई छवि ब्राउज़ बटन पर पूरी तरह से फ़ाइल इनपुट के साथ इच्छित डिज़ाइन दिखाती है।

Example

आप देख सकते हैं, अशुद्ध ब्राउज़ बटन एक ब्राउज़र (Firefox 4) को आकर्षित किया है की तुलना में बहुत बड़ा है।

यदि मैं इनपुट की चौड़ाई बढ़ाता हूं, तो ऐसा लगता है कि यह अब तक नहीं बढ़ेगा।

Here is a jsFiddle to play with, समस्या का प्रदर्शन। वास्तविक ब्राउज़ बटन गलत आकार के समान आकार होना चाहिए।

क्या इसे बंद करने का कोई तरीका है, या मैं फ़्लैश का उपयोग करूँगा या बटन को छोटा कर सकता हूं?

+0

मैं एक छोटे से इसके साथ गड़बड़। यह क्रोम और आईई में काम करता है। फ़ायरफ़ॉक्स 4 :(में काम नहीं कर रहा है। लेकिन यह विधि एक लेबल का उपयोग करती है। Http://jsfiddle.net/rH5SY/3/
विचार नकली ब्राउज़ बटन बनाना था, लेकिन छुपा हुआ वास्तविक व्यक्ति ट्रिगर करता है। – Keverw

+0

+1 दिलचस्प सवाल –

उत्तर

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