按钮上的 zIndex -1 使按钮不可点击

Question

我想让按钮可以点击。

这里是沙盒。 https://codesandbox.io/s/m5w3y76mvy

Answer 1

为numberCircle添加 position: relative; z-index: 1;

并将 mytasks z-index 设置为 0 zIndex: "0" 我认为它会起作用。

查看整体风格

    mytasks: {
    color: "white",
    borderColor: "#2D9CDB",
    backgroundColor: "#2D9CDB",
    borderTopRightRadius: "18px",
    borderBottomRightRadius: "18px",
    borderTopLeftRadius: "18px",
    borderBottomLeftRadius: "18px",
    width: "200px",
    marginLeft: "-35px",
    zIndex: "0" /* changed to 0 */
  },
  numberCircle: {
    borderRadius: "50%",
    behavior: "url(PIE.htc)" /* remove if you don't care about IE8 */,
    width: "15px",
    height: "15px",
    padding: "8px",
    background: "white",
    border: "2px solid #2D9CDB",
    color: "#2D9CDB",
    textAlign: "center",
    font: "16px Arial, sans-serif",
    float: "left",
    zIndex: "1",/* added */
    position: "relative"/* added */
  }