Question

所以我在页面上有多个表单（不知道有多少，由数组中的php创建）。每个字段都很简单，包含许多字段，每个字段都有name='fieldname'。

现在我有CSS：

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

这在表单的第一个实例上工作正常，但它对其余表单中的相应字段没有任何影响。我现在尝试用每个输入字段中的特定类替换它（input name='fieldname' class='fieldname' ....）并替换form.sidemenu input.fieldname { width: 40px; }并且仍然没有后续的运气，尽管第一种形式工作正常。

这是在OSG Lion上的Chrome Canary和Safari上，两者的行为相同。

我知道它不是完全愚蠢的东西（比如错过了表格上的类），因为（1）这是一个由php循环生成的表单，所以它们都是一样的，并且（2）CSS完美地运行表格的第一个例子，但后来的表格根本没有......

Answer 1

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"的所有元素。但是值得一试只是为了调试。

css在相同的命名表单字段上

1 个答案: