CSS non Reconnaissance de la zone de saisie?

Question

Pour une raison que je ne peux pas obtenir CSS pour travailler avec mon formulaire? J'ai essayé à peu près tout et je ne peux pas sembler trouver le problème? Qu'est-ce que je fais mal?

Mon HTML Structure

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

Mon CSS Structure

.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; 
} 

Answer 1

Retirez le. devant votre sélecteur input.

input { 
    background-color:#F00; 
} 

Voir aussi: CSS element selector contre CSS .class selector

Answer 2

semble fonctionner très bien, s'il vous plaît voir jsfiddle.net/4FCgc/

Que ne fonctionne pas? Peut-être que c'est le cache de votre navigateur web ... Mais j'en doute.