1

アンカー要素にボックス シャドウを与え、:activeでボックス シャドウを非表示にし、ボタン自体が移動して、押されているように見せます。

問題は、パディング元の領域の両方をクリック アクションの一部にしたいということです。

ボタンがアクティブなときのフィドルと私のコードは次のとおりです。

.uploadButton:active {
    top: 7px;
    box-shadow: 0 2px 0 #393939, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);    
    color: #fff !important;
}
4

1 に答える 1

2

パディングと「元の領域」またはコンテンツ ボックスは、既にクリック可能な領域の一部です。

残念ながら、ボックス シャドウの領域でクリック イベントを生成する簡単な方法はありません。

あなたが望むことをしようとする方法は、クリックイベントを取得し、クリックされ.uploadButtonたときに「.active」クラスを追加する、より大きな透明な要素でボタンをラップすることです。

于 2013-10-29T21:18:50.807 に答える