CSS button：active not working

也許這只是一個愚蠢的問題，我忽略了。CSS button：active not working

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

我使用的是Chrome 23.

2012-12-10 TwiNight

我想說，看起來問題是，如果主動選擇器改變了元素的位置，它不起作用。在你的例子中，你的'button.delete'總是被絕對定位，但另一個按鈕最初是絕對位置的，但是會用'：active'屬性相對定位。編輯：這似乎沒有與Firefox的問題，所以它可能是一個鉻錯誤。 – mowwwalker

@Walkerneo我在firefox上17.0 –

所以如果'：active'改變'position'，那麼整個事情根本不會生效。瞭解。 – TwiNight

你想讓按鈕處於第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;容器

來源

2012-12-10 06:22:45

定位是好的。按其他按鈕具有「按壓效果」，但按下該按鈕不會。 – TwiNight

@TwiNight完成，仔細查看我的答案，因爲你使用相同的'：active'和cuz職位是不同的你會得到這個問題，1是絕對的，其他是相對的 –

@TwiNight只要確保你按在最左邊在你的按鈕，如果你檢查它在小提琴因爲結果水印，你將無法點擊，或者只是粘貼我的風格在您的文件，並檢查 –

CSS button：active not working

回答

相關問題