css中表格中的按钮,表格按钮的div和span css样式

我使用SO问题Gray out image with CSS?和 Disable link using css来构造一个css包装器，它会使按钮变灰，并且防止点击它。我首先尝试了一个单独的css文件，但是这个例子使用了内联的css样式，并给出了相同的结果。这里有4个按钮：表格按钮的div和span css样式

在这个例子中所有四个按钮不以任何火狐15.0.1和Safari 6.0或Chrome 21.0.1180.89，这是我所期待的响应点击。

在Firefox中，所有4个按钮都是灰色的，不透明度为0.4，这是我的预期。

在Safari和Chrome中，前3个按钮呈灰色，但第4个按钮与表单元素之外的span元素具有不透明度1.0。

请问浏览器有问题，还是请我理解？

2012-09-25

emrys57

+0

跨度上的输入域或按钮只允许措辞上下文里面。它不应该允许嵌套的表单元素，正如你所看到的，每个浏览器的行为可能不同 –

+1

标记不符合标准，所以当浏览器强制你的标记变成无效的表单时，你不应该感到惊讶。例如，Firefox的老版本也用于这样做。 –

+0

感谢您的解释。所以，如果我想围绕任意内容包装一个样式，并且不插入换行符，我应该写