奇怪的复选框行为,在不同的浏览器中

时间:2012-09-08 06:13:34

标签: html forms checkbox cross-browser

在我的联系页面上:http://onthemouse.com/contact-us/ 我有一组复选框,它们在firefox中看起来很完美,显示有点奇怪的行为(框放大,点击时变灰,复选标记变小,模糊时恢复正常或点击其他地方时),根本没有显示在Chrome和Safari OS X中(根据browserlabs)。 Firefox OS X似乎只是显示点(再次根据browserlabs)。这些只是简单的复选框,唯一特殊的是id Field[]它有括号,因为它用于在表单发送时创建和数组。
复选框代码:

 <div style="display:inline;">
    <span>
      <label class="choice" for="Field1" style="display:inline;margin-left:0px;margin-right:5px;">
        <input id="Field1" name="Field[]" type="checkbox" class="field checkbox" value="Web Design" style="width:0px;">Web Design    
 </label>
    </span>
    <span>
      <label class="choice" for="Field2" style="display:inline;margin-left:0px;margin-right:5px;">
        <input id="Field2" name="Field[]" type="checkbox" class="field checkbox" value="Graphic Design" style="width:0px;">Graphic Design
</label>
    </span>
</div>

表格代码: http://pastebin.com/E3ExGPvv

1 个答案:

答案 0 :(得分:0)

http://oi47.tinypic.com/11iiude.jpg http://tinypic.com/r/11iiude/6

您为第二行复选框执行了错误的ID命名。 语法错误。周期。