按钮边框颜色问题

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>

Answer 2

您有一个起始样式，这是按钮中的默认样式（例如输入中的插入样式）。如果您需要实心边框，请添加以下内容：

 border-style: solid;

您可以查看：

 border-style: solid;

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