2012-12-15 71 views
4

由于某种原因,我不能让CSS使用我的表单?我已经尝试了一切,我似乎无法找到问题?我究竟做错了什么?CSS无法识别输入框?

我的HTML结构

 <div class="login-container"> 
      <form> 
      <fieldset> 
       <label for="email">Email:</label> 
       <input type="text" name="email" class="input" id="email" /> 
       <br /><br /> 
       <label for="pword">Password:</label> 
       <input type="text" name="pword" id="pword" /> 
       </fieldset> 
      </form> 
     </div> 

我的CSS结构

.login-container fieldset { 
    padding: 1em; 
} 
.login-container label { 
    float:left; 
    width:25%; 
    margin-right:0.5em; 
    padding-top:0.2em; 
    text-align:right; 
    font-weight:bold; 
} 
.input { 
    background-color:#F00; 
} 
+1

我将你的代码复制到了dabblet。 http://dabblet.com/gist/4297057。什么不行?你正在测试哪个浏览器? .input工作在第一个输入字段上,因为它有一个输入类... – joholo

回答

0

似乎工作得很好,请参阅jsfiddle.net/4FCgc/

什么是不工作?也许这是你的网页浏览器的缓存......但我怀疑这一点。