Twitter Bootstrap的按钮边框颜色

Question

我使用此css代码自定义了按钮的边框颜色：

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

这就是我的期望：

• 按下按钮时：

• 按下按钮后：

我希望按钮的边框在按下后仍保持绿色。单击/聚焦另一个按钮时，必须将按钮的边框颜色更改回默认值。我该怎么办？

SOLUTION：

.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，因为它可能与边框重叠