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

这就是你要找的东西：

小提琴 - 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);    
}

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

1 个答案: