2009-01-05 10 views
6

Mam kod HTML, takich jak: -dziedziczą "font-family" styl w 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> 

Dlaczego pierwszy "wybierz" nie jest dziedziczenie "font-family" od specyfikacji dla „ciała "?

Jeśli mam zmienić czcionkę dla „select” dlaczego mam skopiować styl?

Odpowiedz

10

Jeśli używasz:

select { 
    font-family: inherit; 
} 

To będzie działać prawidłowo. CSS jest trochę dziwaczny, jeśli chodzi o formanty kontrolne.

+0

jak można ustawić indywidualne nie działa. – Bakhtiyor

+0

Prawdopodobnie uzyskasz lepsze odpowiedzi, jeśli zapytasz o to w osobnym, nowym pytaniu. –

0

Jeśli mam zmienić czcionkę dla „wybierz” dlaczego mam skopiować styl ?

Tak wiesz, nawet jeśli nie mają do „skopiować styl”, nie masz do kopii stylu jak zrobiłeś powyżej.

byłoby po prostu zastosować styl Samy do body i .myfont w ten sposób:

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

Tak font-family: Dziedziczenie wydaje się najlepszy.
Ale inaczej:

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

Można również zastąpić '.myfont' dla 'select', jeśli chcesz wybrać wszystkie elementy, aby to wykorzystać.

Gorąca końcówka. Nie używaj cytatów wokół nazw rodzin czcionek, nie jest to zrozumiałe dla wszystkich przeglądarek. Odpowiedź

0

Jamesa wydaje się najbardziej elegancki i poprawne do mnie, ale myślałem, że wystarczy dodać inny sposób to zrobić:

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