HTML – 里面没有在Firefox中工作

概述我目前的加价如下： <li class="multi_answer"> <label for="checkbox2"> <div class="multi_answer_box"> <input type="checkbox" id="checkbox2" name="checkbox2" class="multi_box" /> 我目前的加价如下：

<li >     <label for="checkBox2">        <div >            <input type="checkBox" ID="checkBox2" name="checkBox2"  />        </div>        <div >CheckBox Label</div>    </label></li>

在所有事情上都很棒,但是firefox.

检查标记后,它正在读取它…

<li >    <label for="checkBox1"> </label>    <div >        <input ID="checkBox1"  type="checkBox" name="checkBox1">    </div>    <div > Increased counseling staff </div></li>

为什么FF会以这种方式解释它？

我也在使用这个CSS

.multi_answer label:hover {    background:#DDD;}.multi_answer_Box input {    padding-left:5px;    padding-right:5px;    float:left;    height:48px;    wIDth:48px;}.multi_answer label {    overflow: auto;    cursor:pointer;    wIDth:auto;    margin:10px;    padding: 10px;    -moz-border-radius: 7px;    border-radius: 7px;    background:#CCC;    display:block;}

http://jsfiddle.net/NhD3r/1/< ----工作实例

解决方法 可能是因为标签必须包含 inline elements only,而不是像div这样的块元素.

解

在遵守上述规则的同时,用span保留预期的样式和功能替换所有div.

<li >     <label for="checkBox2">        <span >            <input type="checkBox" ID="checkBox2" name="checkBox2"  />        </span>        <span >CheckBox Label</span>    </label></li>

总结

以上是内存溢出为你收集整理的HTML – 里面没有在Firefox中工作全部内容，希望文章能够帮你解决HTML – 里面没有在Firefox中工作所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。