IE复选框的背景答案

【问题标题】：background for checkbox at IEIE复选框的背景
【发布时间】：2010-08-29 23:31:59
【问题描述】：

我有一个复选框列表，在 IE 中最后一个有奇怪的颜色。在 FF 中是完美的。

http://img693.imageshack.us/img693/3987/40401854.jpg

<p>
    <span>abc:</span>
    <br /><br />
    <label><input type="checkbox" id="a" name="a" <?php echo $a; ?> /> 1</label>
    <br />
    <label><input type="checkbox" id="b" name="b" <?php echo $b; ?> /> 2</label>
    <br />
    <label><input type="checkbox" id="c" name="c" <?php echo $c; ?> /> 3</label>
    <br />
    <label><input type="checkbox" id="d" name="d" <?php echo $d; ?> /> 4</label>
    <br />
    <label><input type="checkbox" id="e" name="e" <?php echo $e; ?> /> 5</label>
</p>

谢谢

【问题讨论】：

哇！感谢您提供大量信息！ /讽刺
这是<label> 标记的奇怪用法...此外，由于此问题似乎与样式有关，因此向我们展示您的 CSS 中的 sn-p 是有意义的。

标签： html css

【解决方案1】：

在 Internet Explorer 8 中，您可以按 F12 打开 DOM 查看器。使用此工具，您应该浏览到给您带来麻烦的复选框，并查看其 CSS 样式与其他复选框有何不同。

【讨论】：

【解决方案2】：

这可能是由正在插入的 PHP 代码引起的。 $1、$2、$3、$4 和 $5 不是有效的 PHP 变量（请参阅http://www.php.net/manual/en/language.variables.basics.php），尝试将它们重命名为 $v1、$v2 ... $v5。

【讨论】：

它们不是数字。这只是示例。
我喜欢与那些试图解决的问题产生不同问题的例子。它使调试变得如此简单！
然后创建一个简化的测试用例来实际演示问题。 PHP 将无关紧要，因为它是客户端问题。另一方面，CSS 可能很重要。

【解决方案3】：

需要检查的一些 CSS 事项：你有 id="e" 的 CSS 吗？或者某处是否有:last-child CSS 声明？在父 p 元素上尝试 overflow:auto（可能显示其背景颜色）？

【讨论】：