html - 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，因为它可能会与您的边框重叠