单击时恢复div的插入/开始css样式

Question

我必须将复选框处理的选择重新修改为带有"图标"的选择。要将"图标"标记为选中，背景和阴影都应该发生变化，因此图标看起来像是被压在里面的（插图）。

我以为只要切换每个类的阴影设置就可以完成，但这不起作用。

div.isntClicked {
  background-color: #0e8146;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 1),
  inset 0 -1px 1px rgba(0, 0, 0, 0.5);
}
div.isClicked {
  background-color: #ffa500;
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.5),
  inset 0 1px 1px rgba(255, 255, 255, 1);    
}

Fiddle

未选择绿色图标并开始。选择橙色图标并插入（不工作）

我对css、jquery有问题吗？或者还有其他我不知道的问题吗？

Answer 1

这就是您想要的：

Fiddle-http://jsfiddle.net/tqkk5g34/1/

看起来你的一个盒子阴影属性是负的，而不是正的：

CSS：

div.isClicked {
    background-color: #ffa500;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5),
                inset 0 1px 1px rgba(255, 255, 255, 1);    
}