एचटीएमएल फ़ॉन्ट का आकार चुनें

Question

मुझे ओएस एक्स सफारी और क्रोम पर एचटीएमएल <select> फ़ॉन्ट आकार सेट करने में समस्या हो रही है। मूल रूप से विशेषता को अनदेखा किया जाता है, जब तक कि मैं ज़ूम इन या आउट नहीं करता, इस स्थिति में विशेषता को जादुई रूप से पहचाना जाता है। किसी ने भी एक ही चीज़/कामकाज के बारे में पता देखा? ओएस एक्स फ़ायरफ़ॉक्स के साथ ठीक काम करता है, जो मुझे लगता है कि यह एक वेबकिट मुद्दा है।

Answer 1

आप के साथ डिफ़ॉल्ट ओएस स्टाइल बंद करने के लिए की आवश्यकता होगी: -webkit-appearance: none;
(। यदि आप एक अत्यधिक स्टाइल लटकती बना रहे हैं, यह अनिवार्य रूप से एक पूर्ण शैली रीसेट किया जाता है)

Live Demo

---

आप भी आजमा सकते: -webkit-appearance: menulist-button;
(हालांकि मुझे यकीन है कि कैसे अन्य शैली प्रभाव इस एक को प्रभावित करेगा नहीं हूँ।)

Answer 2

मैं बस के साथ-साथ इस में भाग गया, और -webkit-उपस्थिति की तुलना में एक बेहतर समाधान पाया: कोई नहीं (जो अतिरिक्त स्टाइल के बिना मुझे घबराहट लग रहा है)। यदि आप सीमा रंग सेट करते हैं तो मानक वेबकिट उपस्थिति रखते हुए आप फ़ॉन्ट आकार को बड़ा बना सकते हैं।

select { 
    font-size:1.2em; 
    border-color:#999; /* without this, it won't work */ 
} 

सुंदर मूर्खतापूर्ण, लेकिन कम से कम यह काम करता है, और क्रोम और सफारी दोनों में।