0

この例では、Apple デバイスに似たセレクターが表示されます。

任意の数字をクリックすると、子ではなく親がクリック イベントをキャプチャすることがわかります。

これはセレクターのせいです。親には、上に新しい要素を作成するbefore疑似セレクターがあります。

.date_subsel:before {
  content:"";
  position: absolute;
  width: 206px;
  height: 41px;
  margin-top: -2px;
  background-image: -webkit-linear-gradient(left, hsla(0, 0%, 0%, 0.25) 0%, hsla(0, 0%, 0%, 0.10) 25%, hsla(0, 0%, 0%, 0.0) 50%, hsla(0, 0%, 0%, 0.10) 75%, hsla(0, 0%, 0%, 0.25) 100%);
  border: 1px solid rgb(185, 185, 185);
  border-radius: 4px;
  -webkit-box-shadow: inset 0px 0px 8px hsla(0, 0%, 8%, 0.5), 0px 3px 5px hsl(0, 0%, 69%);
}

これを処理し、クリック イベントをその子にリダイレクトするにはどうすればよいですか?

4

1 に答える 1

0

これがあなたが求めているものかどうかはわかりません....日付に位置プロパティを追加するだけで機能します。

    .date_subsel div > div {
      margin: 0 3px 0 3px;
      -webkit-box-flex: 1;
      border: 1px solid hsl(0, 0%, 68%);
      padding: 3px 8px 3px 8px;
      background-color: transparent; /* ------------ edited */
      text-align: center;
      font-size: 20pt;
      border-radius: 3px;
      box-shadow: 0px 0px 3px hsl(0, 0%, 20%);
      position: relative; /* ---------------------- added */
    }

ここでフィドルを更新しました

于 2013-01-16T11:20:56.750 に答える