在CSS中，按鈕是經常被用到的元素。然而，在使用按鈕時，可能會出現一個比較 annoying 的問題：在按鈕點擊后，按鈕會出現短暫的抖動，這會給用戶帶來極大的不適。
這個問題的根本原因在于，當用戶點擊按鈕時，它默認會觸發“:active”偽類。這個偽類一旦被觸發，會使按鈕的樣式短暫改變，從而造成抖動。
為了避免這個問題，我們可以使用一個CSS技巧：在按鈕上同時定義“:focus”和“:active”偽類，使得按鈕在點擊后不會改變樣式。
如下面的代碼所示：

button {
padding: 10px;
border: none;
background-color: #007bff;
color: #fff;
font-size: 18px;
cursor: pointer;
}
button:focus,
button:active {
outline: none;
}

在這個代碼中，“:focus”和“:active”偽類同時設置了“outline:none”，這樣按鈕在點擊時就不會出現任何改變。
所以說，如果你也遇到了按鈕點擊抖動的問題，不妨嘗試使用上述的方法來解決它。