एचटीएमएल और सीएसएस के चयन टैग का उपयोग कर डेस्कटॉप ब्राउज़र में ड्रॉपडाउन सूची जैसे आईपैड को कैसे बनाया जाए, क्या यह संभव है?

Question

मैं एक प्रोजेक्ट पर काम कर रहा हूं जहां मुझे एक चुनिंदा बॉक्स (ड्रॉपडाउन सूची) में कुछ शैली देना है .... यह पृष्ठ लगभग हर डिवाइस (उत्तरदायी वेब डिज़ाइन) पर काम करेगा, मुझे एक चुनिंदा बॉक्स में शैली देना है यह

आईपैड में यह काम कर रहा है लेकिन डेस्कटॉप संस्करण के लिए, मैं केवल सीएसएस का उपयोग करके एक चुनिंदा बॉक्स के लिए एक ही शैली कैसे प्राप्त कर सकता हूं? मैं इसके लिए HTML चयन टैग <select> ......</select> का उपयोग कर रहा हूं।

मैं इस मार्कअप

<select> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 

Answer 1

उपयोग करने के लिए मैं अपनी संभव नहीं लगता कि सिर्फ डेस्कटॉप पर सबसे ग्रेड ए ब्राउज़र के लिए अकेले सीएसएस के साथ एक का चयन करें बॉक्स के डिफ़ॉल्ट स्टाइल को बदलना चाहते हैं, लेकिन मैं कर सकता गलत हो। आप जो चाहते हैं उसे प्राप्त करने के लिए आपको जावास्क्रिप्ट और सीएसएस का उपयोग करना होगा। मुझे यकीन है कि कुछ jquery प्लगइन्स हैं जो आपकी मदद कर सकते हैं। यहां कुछ ऐसे हैं जो मैंने पाया, मैंने कभी इनका परीक्षण नहीं किया है लेकिन उम्मीद है कि वे कुछ मार्गदर्शन प्रदान करेंगे।

http://www.bulgaria-web-developers.com/projects/javascript/selectbox/

http://abeautifulsite.net/blog/2011/01/jquery-selectbox-plugin/

Answer 2

मैं शायद पहले ऐसे ही मेनू देखने का स्मरण किसी प्रकार का था लेकिन कम से कम मैं इसे पा सके।

लेकिन ये काफी आसानी से आप क्या चाहते हैं करने के लिए बदला जा सकता है:

http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/ - विशेष रूप से यह एक।

http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/