css - CSSボタン：アクティブが機能しない

Question

多分それは私が見落としているただのばかげた問題です。

フィドル

テーブルの上のボタンと削除ボタンはどちらも句のbox-shadowinに従いまし:activeたが、5番目のセルは従いませんでした。

Chrome23を使用しています。

Answer 1

ボタンを 5 番目の td に配置しますか? はいの場合、これを削除します

デモ

#table button{    
    position: absolute;
    top: 0px;
    right: 5px;
    height: 10px;
    width: 1.5em
}

または、ボタンをすぐそこ (表の外) に配置する場合#table buttonは、以下のスタイルに置き換えます。

デモ 2

#table button{    
    position: absolute;
    top: 0px;
    right: 5px;
}

また、これを追加します

#table button:active{    
    position: absolute;
    top: 0px;
    right: 5px;
    top: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
    background-image: none
}

注: を使用しposition: absolute;ています。必ず position: relative; 内にラップしてください。容器