Twitter Bootstrap按鈕邊框的顏色

Question

我使用以下CSS代碼自定義了按鈕的邊框顏色：

.btn:focus { 
    border-color: rgba(126, 239, 104, 0.8);
}

這是我的期望：

• 按下按鈕時：

• 按下按鈕后：

我希望按鈕的邊框在被按下后仍保持綠色。 單擊/聚焦另一個按鈕時，必須將其邊框顏色更改回默認值。 我該怎么辦？

解：

.btn:focus,
.btn:active
{ 
    border-color: rgba(126, 239, 104, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
    outline: 0 none;
 }

Answer 1

您可以嘗試將outline屬性更改為none，因為它可能與邊框重疊