Question

尝试在此处选择模式对话框中的任意复选框：http://ezami.com/ - 单击右上方功能区后弹出的复选框。他们似乎都没有工作。使用z-index进行了一些研究和测试，但到目前为止似乎没有任何工作，只有z-index被设置为模态值，并且似乎工作正常。

Answer 1

尝试查看此内容并查看是否有帮助：

http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-easy-css3-checkboxes-and-radio-buttons/

尝试将输入字段放在标记中，如

<span><input ..... ></input></span>

Answer 2

我准备好了这个样本，你想要实现的逻辑。图像/颜色可以是任何东西。Demo link

<html>
<head>
    <title>Checkbox</title>
    <style>
  input[type=checkbox] {
    display:none;
  }

  input[type=checkbox] + label
   {
       background: #999;
       height: 16px;
       width: 16px;
       display:inline-block;
       padding: 0 0 0 0px;
   }

   input[type=checkbox]:checked + label
    {
        background: #0080FF;
        height: 16px;
        width: 16px;
        display:inline-block;
        padding: 0 0 0 0px;
    }
    </style>
</head>

<body>

<p>
   <input type='checkbox' name='thing' value='valuable' id="thing"/><label for="thing"></label>

</body>
</html>

无法在“模态”对话框中选中复选框

2 个答案: