2010-06-07 7 views
6

मैं इस नियम है:HTML, सीएसएस ..: बटन में विभिन्न फ़ॉन्ट आकार और सादा पाठ (कम से कम एफएफ में) के लिए की तुलना में चयन करता

body { 

    font-family: Arial,Helvetica,sans-serif; 
    font-size: 12px 
} 

लेकिन मैं चयन और बटन के लिए अलग फ़ॉन्ट आकार है फिर सादे पाठ के लिए।

यदि मुझे सब कुछ के लिए एक ही आकार चाहिए तो मुझे क्या करना चाहिए?

सादर

Javi

उत्तर

5
body, 
input, 
select, 
button { 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 12px; 
} 
-1

बटन के बारे में सुनिश्चित नहीं हैं, लेकिन सबसे ब्राउज़रों शैली के लिए एक मानक तरीका (जैसे 12 सूत्री एरियल) में <select> तत्वों का प्रयास करें। आप इनमें से शैली में परिवर्तन करना चाहते हैं, तो आप एक स्पष्ट सीएसएस नियम जोड़ने के लिए है:

select {  
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 12px; 
} 
14

फ़ॉर्म्यूलर तत्वों आमतौर पर उन गुणों के वारिस नहीं है, इसलिए आपको क्या करना है:

body{ 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 12px; 
} 
input, select, button{ 
    font-family: inherit; 
    font-size: inherit; 
} 
+0

+1, क्या आप जानते हैं कि विरासत टीडी तत्वों के लिए माता-पिता फ़ॉन्ट-आकार/फ़ॉन्ट-परिवार के उत्तराधिकारी के लिए भी काम करता है? –

+0

+1, कभी विरासत के बारे में सोचा नहीं। – FelipeAls

+0

उत्कृष्ट समाधान – Dimskiy

1

डिफ़ॉल्ट रूप से, टाइप टेक्स्ट और पासवर्ड (सबमिट और बटन?) के इनपुट जैसे तत्व तत्व, चयन, टेक्स्टरेरा और बटन लगभग एक परिणामस्वरूप आकार के साथ एक मोनोस्पेस फ़ॉन्ट के साथ स्टाइल किए जाते हैं। 13.33px।
आप देख सकते हैं C:\Program Files\Firefox\res\forms.css (WinXP के तहत) या Firebug के साथ HTML भाग में, शैली टैब के दाईं ओर छोटे त्रिकोण ==> डिफ़ॉल्ट सीएसएस गुण

body { 
    font: normal 62.5%/1.5 Verdana,Arial,Helvetica,sans-serif; 
} 

input, select, textarea, button { 
    font-size: 1.2em; 
} 

p { 
    font-size: 1.2em; 
} 

12px + Verdana प्रपत्र तत्वों का परिणाम देगा (और 1em = 10px आपके पूरे पृष्ठ के लिए समतुल्यता)