Question

<label id="hhaaaa" for='<%= hh.ClientID %>'>
    <table style="height: 100px; width: 300px;cursor: pointer" cellpadding="0" cellspacing="0" id="jhuu" onmouseover="Highlight(this.id,true,'ss');" onmouseout="Highlight(this.id,false,'ss');" class="asdqweqwe">
        <tr>
            <td>
                <table cellpadding="0" cellspacing="0">
                    <tr>
                        <td colspan="3" style="height: 10px">
                        </td>
                    </tr>
                    <tr>
                        <td valign="top" style="width: 20px; padding-left: 5px; padding-top: 7px"><input id="hh" runat="server" type="checkbox" /></td>
                        <td style="width: 60px" valign="top" align="center"><img src="" /></td>
                        <td align="left" valign="top"><span style="font-weight: bold;"></span><img alt="" id="asd" onclick="" style="cursor: pointer" src="" /></span><br /><span></span></td>
                    </tr>
                    <tr>
                        <td colspan="3" style="height: 10px">
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
 </label>

你好我写这个代码来制作一个复选框标签，这个代码在所有浏览器中运行除了Firefox ??? !!!!

Answer 1

~~Label不能包含它标注的元素，它只是错误。~~
（感谢erKURITA：））

首先尝试这样的事情，看看它是否正常工作：

<label id="hhaaaa" for="<%= hh.ClientID %>">Some description here..</label>

据我所知Label是一个内联元素，所以为了让它包含其他元素添加display: block; CSS，尽管它不是很优雅，可能违反标准。

Answer 2

我认为这一行是问题所在：

<td align="left" valign="top"><span style="font-weight: bold;"></span><img alt="" id="asd" onclick="" style="cursor: pointer" src="" /></span><br /><span></span></td>

删除未打开的span结束标记。

<td align="left" valign="top"><span style="font-weight: bold;"></span><img alt="" id="asd" style="cursor: pointer" src="" /><br /><span></span></td>

标签为Firefox中的“”标签！

2 个答案: