CSS按钮：激活不起作用

Question

也许这只是一个我忽略的愚蠢问题。

Fiddle

表格上方的按钮和删除按钮都遵循box-shadow子句中的:active，但第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;，请确保已将其包裹起来   在一个位置：相对;容器