2009-01-05 11 views
6

मैं की तरह एक HTML कोड है: -इनहेरिट "font-family" का चयन करें/विकल्प में शैली

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
    <title></title> 
    <style type="text/css"> 
      body 
      { 
      font-family:"Verdana",Arial,Helvetica,sans-serif; 
      } 
      .myfont 
      { 
      font-family:"Verdana",Arial,Helvetica,sans-serif; 
      } 
    </style> 
</head> 
<body> 
    Hello 
    <select> 
     <option> 
      Hello 
     </option> 
    </select> 

    <select class="myfont"> 
     <option> 
      Hello 
     </option> 
    </select> 

</body> 
</html> 

क्यों पहले "का चयन करें" "शरीर के लिए विनिर्देश से" font-family "विरासत में नहीं है "?

अगर मुझे "चयन" के लिए फ़ॉन्ट बदलना है तो मुझे शैली की प्रतिलिपि क्यों बनाना है?

उत्तर

10

यदि आप का उपयोग करें:

select { 
    font-family: inherit; 
} 

यह ठीक काम करेंगे। जब नियंत्रण नियंत्रण की बात आती है तो सीएसएस थोड़ा कर्कश होता है।

+0

आप अलग-अलग काम नहीं करता है। – Bakhtiyor

+0

यदि आप इसे एक अलग, नए प्रश्न में पूछते हैं तो आपको शायद बेहतर प्रतिक्रिया मिल जाएगी। –

0

मैं एक के लिए फ़ॉन्ट बदलने के लिए है, तो "का चयन करें" मैं क्यों शैली को कॉपी करने की क्या ज़रूरत है?

आपकी जानकारी के लिए, भले ही आप "शैली की नकल" की क्या ज़रूरत थी, आप प्रतिलिपि शैली की तरह आप ऊपर किया है की जरूरत नहीं है।

तुम बस ऐसा करने से body और .myfont को सामी शैली लागू होगा:

 .myfont, body 
     { 
     font-family:"Verdana",Arial,Helvetica,sans-serif; 
     } 
1

हाँ font-family: इनहेरिट सबसे अच्छा लगता है।
लेकिन अन्यथा:

body, .myfont 
    { 
    font-family:Verdana,Arial,Helvetica,sans-serif; 
    } 

तुम भी 'चुनें' अगर आप चाहते हैं सभी का चयन तत्वों को इस का उपयोग करने के लिए '.myfont' की जगह ले सकते हैं।

हॉट टिप। अपने फ़ॉन्ट परिवार के नामों के चारों ओर उद्धरणों का उपयोग न करें, यह सभी ब्राउज़रों द्वारा समझा नहीं जाता है।

0

जेम्स के जवाब सबसे खूबसूरत और मेरे लिए सही लगता है, लेकिन मैंने सोचा कि मैं सिर्फ एक और तरीका यह करने के लिए जोड़ेंगे:

.myfont option { 
    font-family: "Verdana"; /* etc */ 
} 
संबंधित मुद्दे