0

そのため、ページに複数のフォームがあります（配列内のphpによって作成されたフォームの数はわかりません）。それぞれが単純で、多数のフィールドが含まれており、それぞれにname='fieldname'.

今私が持っているCSSで：

form.sidemenu input[name=fieldname] { width: 40px; }

これは、フォームの最初のインスタンスでは正常に機能しますが、残りのフォームの適切なフィールドには影響しません。これを各入力フィールドの特定のクラス ( input name='fieldname' class='fieldname'....) に置き換えform.sidemenu input.fieldname { width: 40px; }てみましたが、最初のフォームは正常に機能しますが、後続のクラスに置き換えてもうまくいきません。

これは OSX Lion の Chrome Canary と Safari であり、どちらも同じように動作します。

（1）これはphpループによって生成されたフォームであるため、すべて同じであり、（2）CSSは最初のインスタンスで完全に機能します。フォームの、しかし後続のものではまったく...

4

1 に答える 1

0

HTML:

<form>
    <input type="text" class="fieldname" id="name"/>
    <input type="text" class="fieldname" id="and_So_on"/>
</form>

CSS:

.fieldname {
     width: 40px;
}

または次のようにフォームを入れてみることもできますDIV:
CSS:

div.sidemenu input {
     width: 40px;
}

HTML:

<div id="sidemenu">
    <form>
        <input type="text" class="fieldname" id="name"/>
        <input type="text" class="fieldname" id="and_So_on"/>
    </form>
</div>

こんな感じでしょうか。これで、ページ全体のすべての要素に適用されclass="fieldname"ます。しかし、デバッグのためだけに試してみる価値があります。

于 2012-07-20T09:30:18.447 に答える