किसी चयन सूची में टेक्स्ट को कैसे केन्द्रित करें

Question

मुझे एक HTML फॉर्म में एक चयन सूची स्टाइल करने में परेशानी हो रही है। असल में मैं चाहता हूं कि यह 12px का फ़ॉन्ट आकार और 30 पीएक्स की ऊंचाई हो; समस्या यह है कि बॉक्स दाएं हाइट पर खींचा गया है, लेकिन पाठ प्रतिपादन प्रत्येक ब्राउज़र में भिन्न होता है। फ़ायरफ़ॉक्स में यह इसे शीर्ष बाएं कोने में प्रस्तुत करता है। मैं पाठ को लंबवत रूप से केंद्रित करना चाहता हूं। किसी को ऐसा करने का कोई तरीका पता है या क्या मुझे उल से कुछ कस्टम बनाने की ज़रूरत है?

धन्यवाद

Answer 1

एक ही रास्ता <select> ड्रॉप और एक <input type="text"< और एक <div> का उपयोग आप एक का चयन करें सूची की लेकिन के रूप में यह एक <li> आप अंत में है कि हो जाएगा सब कुछ करने की क्षमता के साथ सटीक महसूस करने के लिए है।

मैं इस दृष्टिकोण का उपयोग संरेखित पाठ दिखाने के लिए नहीं करता हूं, लेकिन प्रत्येक पंक्ति प्रति छोटे आइकन का उपयोग करने के लिए। यह मुझे यह दिखाने की क्षमता भी देता है कि मैं कैसे नहीं चाहता कि ब्राउज़र का उपयोग किस प्रकार किया जाता है।

नीचे

Answer 2

आप मज़बूती से सभी ब्राउज़रों में सीएसएस का उपयोग कर <select> तत्वों को अनुकूलित नहीं कर सकते।

आपको कस्टम सूची नियंत्रण करने की आवश्यकता है।

Answer 3

इसके साथ शुभकामनाएं, टेक्स्ट-एलाइन केवल ब्लॉक तत्वों के साथ काम करता है। चयन सूची को ब्राउज़र द्वारा अलग-अलग स्वरूपित किया गया है, क्योंकि यह अधिकांश फॉर्म फ़ील्ड तत्वों (फ़ाइल इनपुट प्रकार की तरह) के साथ है। बेहतर दिनों के लिए इच्छा है। इसके लिए मैंने जो कामकाज देखा है वह वास्तव में बदसूरत है।

Answer 4

बिट एक नया उत्तर जोड़ने के लिए देर हो चुकी छवि की तरह, हालांकि मैं एक ही जवाब की तलाश में अपने प्रश्न में आए और सोचा था कि एक और तरीका होना चाहिए।

Hurray! मैं वास्तव में एक पाया!

सीधे शब्दों में   का उपयोग मैन्युअल इस सूची में नीचे अपने ड्रॉप के प्रत्येक विकल्प के केंद्र के लिए:

किसी भी नए लोगों को इस जवाब खोजने के लिए आने के लिए

तो, यहाँ कैसे मैं इस हासिल किया है।