4

何らかの理由で、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;
}
4

2 に答える 2

2

を削除します。inputセレクター の前。

input {
    background-color:#F00;
}

参照： CSS要素セレクターとCSS.classセレクター

于 2012-12-15T16:51:27.163 に答える
0

正常に動作しているようです。jsfiddle.net/4FCgc/を参照してください。

何が機能していないのですか？多分それはあなたのウェブブラウザのキャッシュです...しかし私はそれを疑っています。

于 2012-12-15T16:56:55.407 に答える