2009-01-05 6 views
6

ich einen HTML-Code haben wie: -vererben "font-family" Stil in SELECT/OPTION

<!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> 

Warum die erste "wählen Sie" ist nicht die "font-family" von der Spezifikation für „Körper vererben "?

Wenn ich die Schriftart für eine "Auswahl" ändern muss, warum muss ich den Stil kopieren?

Antwort

10

Wenn Sie:

select { 
    font-family: inherit; 
} 

Es wird gut funktionieren. CSS ist etwas eigenartig, wenn es um Formularsteuerelemente geht.

+0

wie können Sie einzelne nicht funktioniert. – Bakhtiyor

+0

Sie erhalten wahrscheinlich bessere Antworten, wenn Sie dies in einer separaten, neuen Frage stellen. –

0

Wenn ich die Schriftart für eine „wählen Sie“ warum muss ich die Stil müssen sich ändern kopieren?

Nur damit Sie wissen, auch wenn Sie „den Stil kopieren“ haben müssen, Sie haben nicht zu Kopie der Stil, wie Sie oben getan haben.

würden Sie gelten nur die samy Stil body und .myfont durch dies zu tun:

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

Ja font-family: erben die beste zu sein scheint.
Aber sonst:

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

Sie können auch ‚.myfont‘ für ‚wählen‘ ersetzen, wenn Sie alle ausgewählten Elemente diese verwenden möchten.

Heiße Spitze. Verwenden Sie keine Anführungszeichen für die Namen Ihrer Schriftfamilien. Sie werden nicht von allen Browsern verstanden.

0

James Antwort scheint die eleganteste und richtig für mich, aber ich dachte, ich würde nur eine andere Art und Weise hinzufügen, es zu tun:

.myfont option { 
    font-family: "Verdana"; /* etc */ 
}