在我的联系页面上:http: //onthemouse.com/contact-us/
我有一组复选框,它们在 Firefox 中看起来很完美,表现出一些奇怪的行为(框放大,点击变成灰色,复选标记变小,返回在模糊或单击其他位置时正常),在 Chrome 和 Safari OS X 中根本不显示(根据 browserlabs)。Firefox OS X 似乎只显示点(再次根据 browserlabs)。这些只是简单的复选框,唯一特殊的是Field[]
它带有括号的 id,因为它用于在发送表单时创建和排列。
复选框代码:
<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