CSS按钮：活动不工作

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

表格上方的按钮和删除按钮都符合

：active

子句中的

框阴影，但第5个单元格中的按钮不符合

我使用的是Chrome 23。
您希望您的按钮位于第5个td位置吗？如果是，则删除此选项


或者，如果您希望您的按钮就在那里（表外），请用以下样式替换
#表按钮


再加上这个

#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，请确保已将其包装好
在一个位置内：相对；容器

位置没问题。按下其他按钮具有“按下效果”，但按下该按钮则没有。@Twinlight Done，请仔细查看我的答案，因为您使用的是相同的
：活动的
，并且因为位置不同，所以您遇到了该问题，1是绝对的，另一个是绝对的relative@TwiNight如果因为无法单击结果水印而在fiddle上进行检查，请确保按下按钮的最左侧，否则只需将“我的样式”粘贴到文档中，并在进行更多测试后进行检查，只需添加
#表按钮：活动{position:absolute；}
也可以使用（）。不确定为什么表中的两个按钮都是
位置：绝对的
，但一个有效，另一个无效。@Twinlight当然会有效，使用
#wrapper按钮：活动的
将指向
#wrapper
中的所有按钮，因此您的所有3个按钮都在
#wrapper
中，它指向所有按钮，但1个是绝对的，因此，单击时，活动将相对旋转，因此您面临这个问题，当然您可以减少这些样式，即将离开，因此没有切掉额外的属性：pI会说，问题似乎是，如果更改元素的位置，
active
选择器将不起作用。在您的示例中，您的
按钮.delete始终处于绝对位置，但另一个按钮最初处于绝对位置，但将与
：active
属性相对定位。编辑：这似乎不是firefox的问题，所以可能是chrome的错误。@Walkereno我在firefox 17.0上，所以如果
：active
更改
位置
，那么整个事情就不会生效。理解。@Mr.Alien，我所能找到的只是
由于伪类转换，用户代理不需要回流当前显示的文档。例如，样式表可能指定：活动链接的“字体大小”应大于非活动链接的“字体大小”，但由于这可能会导致读者选择链接时字母的位置发生变化，UA可能会忽略相应的样式规则。
@walkereno我认为用户代理不会这样做，也不应该这样做
#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
}