1

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

4

2 回答 2

0

我已经为您想要实现的逻辑准备了这个示例。图像/颜色可以是任何东西。演示链接

<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>
于 2013-09-04T00:34:39.423 回答
0

试着看看这个,看看它是否有帮助:

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

尝试将输入字段放在标签中,例如

<span><input ..... ></input></span>
于 2013-09-04T00:17:56.797 回答