2012-09-13 126 views
1

不管我做什麼,標籤標籤都不會被我的CSS樣式化。爲什麼我不能設計這個標籤標籤?

CSS:

label { 
     font-family: 'Lucida Grande'; 
    } 

HTML:

<div class="contact-form"> 
      <form action="post"> 
       <label for="name">Name:<input type="text" id="name" class="text" /></label> 
       <label for="email">Email:<input type="text" id="email" class="text" /></label> 
       <label for="message">Message:<textarea id="message"></textarea></label> 
       <input type="submit" class="submit" value="Send Message" /> 
      </form> 
     </div> 

你猜怎麼着?不是LUCIDA GRANDE。

在這裏的行動:http://christianselig.com/contact.html

+1

很難說沒有看到你的CSS的其餘部分,作爲東西可能會改寫該標籤的風格。 – nebulae

+0

假設你的談話site.css或東西使用firefox和螢火蟲找到css路徑,並將該路徑放在 – Grixxly

+0

我會開始檢查鉻或firefox中的開發人員工具中的元素,檢查您的樣式表是否包含在頁面中,然後查看應用於該元素的樣式。在啓用了開發人員工具的Chrome或Firefox中,只需右鍵單擊 - >檢查元素。 –

回答

4

也許它因爲reset.css是壓倒style.css

<!-- Stylesheets --> 
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> 
<link href="css/reset.css" rel="stylesheet" type="text/css" media="all" /> 

label選擇包含在該塊的行8 reset.css

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline; 
} 
+0

這就是它,歡呼聲。 :D –

+0

好的......我太專注於元素來看待真正的問題。 – Grixxly