html - 按钮边框颜色问题

Question

我使用以下 HTML 和 CSS 代码创建了一个按钮。

.btnstyle2{
    height: 28px;
    text-align: center;
    background-color: #F8F8F8;
    border-radius: 3px;
    border-color: #E8E8E8;
    
}

<button type="button" class="btnstyle2">Dismiss</button>

我遇到的问题是去掉比左边框和上边框暗的右边框和底边框。我需要按钮的整个边框为浅灰色，即 CSS 代码中的 border-color:#E8E8E8。任何帮助都会很棒!谢谢!

Answer 1

按钮使用默认样式。通过将边框设置为纯色将覆盖默认样式。

您可以像这样将宽度、样式和颜色的边框声明合并为一行:

.btnstyle2{
    height: 28px;
    text-align: center;
    background-color: #F8F8F8;
    border-radius: 3px;
    border: 2px solid #E8E8E8;
}

<button type="button" class="btnstyle2">Dismiss</button>