CSS button：active not working

Question

也許這只是一個愚蠢的問題，我忽略了。

Fiddle

表上面的按鈕和刪除按鈕都聽從:active子句中的box-shadow但一個5號電池沒有。

我使用的是Chrome 23.

Answer 1

你想讓按鈕處於第5個td嗎？如果是比刪除此

Demo

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

或者，如果你希望你的按鈕是正確的有（外表），用下面的方式替代#table button

Demo 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;，請確保您已將其包裝在 以內的位置：relative;容器