Can't select checkboxes in Modal dialog

Question

Trying to select any of the checkboxes in the modal dialog here: http://ezami.com/ - the one that pops up after clicking the top right ribbon. None of them seem to work. Did a little research and testing using z-index but nothing seem to work so far, only z-index being set is the modal value and that seems to be working fine.

Siddharth Pandey Siddharth Pandey · Accepted Answer · 2013-09-04T00:34:39

I have this sample ready for the logic that you want to implement. the image/colour can be anything.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>

Can't select checkboxes in Modal dialog

2 Answers