As the title says, I've a checkbox problem. It is set up here: But even all the way outside its table, over here: It's still saying that I'm pressing the checkbox. On a rare occasion, I can actually hit the +Add button, but then I can't get rid of it if I press modify since the checkbox is so large. Here is all of my CSS for the checkbox: input[type="checkbox"] + span::before
{
content: "";
width: 14px;
height: 14px;
font-size: 12px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
input[type="checkbox"]:checked + span::before
{
content: "✓";
}
input[type="radio"] + span::before,
input[type="checkbox"] + span::before
{
margin-right: 4px;
border: solid 1px #a8a8a8;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
-moz-box-shadow: 0 0 2px #ccc;
-webkit-box-shadow: 0 0 2px #ccc;
box-shadow: 0 0 2px #ccc;
background: #f6f6f6;
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
background: radial-gradient(#f6f6f6, #dfdfdf);
}
input[type="radio"],
input[type="checkbox"]
{
opacity: 0;
width: 120;
height: 30px;
position: absolute;
cursor: pointer;
z-index: 1;
} If anyone can spot the error, I will bake you internet cookies. I'm between paydays so you get pumpkin shortbread cookies. :)
