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