为什么我不能设计这个标签标签？

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

来源

2012-09-13 Doug Smith

很难说没有看到你的CSS的其余部分，作为东西可能会改写该标签的风格。 – nebulae

假设你的谈话site.css或东西使用firefox和萤火虫找到css路径，并将该路径放在 – Grixxly

我会开始检查铬或firefox中的开发人员工具中的元素，检查您的样式表是否包含在页面中，然后查看应用于该元素的样式。在启用了开发人员工具的Chrome或Firefox中，只需右键单击 - >检查元素。 –

也许它因为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; 
}

来源

2012-09-13 23:29:11

这就是它，欢呼声。：D –

好的......我太专注于元素来看待真正的问题。 – Grixxly

为什么我不能设计这个标签标签？

回答

相关问题