html - CSS不识别输入框？

Question

出于某种原因，我无法让 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;
}

Answer 1

去除 。在您的input选择器前面。

input {
    background-color:#F00;
}

另请参阅： CSS 元素选择器与CSS .class 选择器

Answer 2

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

什么不工作？也许这是您的网络浏览器的缓存......但我对此表示怀疑。