HTML INPUT标记不从FORM继承CSS

Question

我有一些HTML表单。我正在使用桌子。我正在将png叠加在提交按钮上。

在示例A中，下面的CSS有效。在例子B中它没有。我检查了CSS调试器，问题似乎是当INPUT字段与TR或TD标签分开时，它不会从FORM继承。据推测，应该有一种方法可以在CSS中静态重新定义这种继承。有人能指出我正确的解决方案吗？

在这种特殊情况下，表的使用是一种约束。

例A：

<TABLE class="navbutton">
<TR class="navbutton"><TD class="navbutton">
   <form method="post" action="/AdminPalette" enctype="application/x-www-form-urlencoded">
   <input type="submit" name="add" value="add" class="add" />
</TD><TR>
</form>

例B：

<TABLE class="navbutton">
   <form method="post" action="/AdminPalette" enctype="application/x-www-form-urlencoded">
<TR class="navbutton"><TD class="navbutton">
   <input type="submit" name="add" value="add" class="add" />
</TD><TR>
</form>

示例CSS：

form input[type=submit].add {
	width : 32px;
	height :32px;
	border : none;
	color : transparent;
	font-size : 0;
        cursor: pointer;
}

form input[type=submit].add {
	background : url("/Art/GCON/green/add-item.png") no-repeat center center;
}

Answer 1

这与继承无关。

您的HTML无效。使用a validator。

表格可以包含在表格中。表单可以包含在表格单元格中。表单不能是表（或表行，表主体，表头或表尾）的子元素。

通过将表单放在表格后面（但将输入留在后面），您的浏览器会纠错。