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;容器