css - 无法为按钮添加边框

我想在网页上的按钮上添加边框，这是我要做的。

颜色集起作用的奇怪之处在于，它可以控制按钮内的字体颜色，但边框集不起作用。

我尝试了一些投票率最高的解决方案，但没有一个起作用。

.btn-general {
    color: #fff;
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 10px;
    padding: 12px 26px 12px 26px;
    font-size: 16px;
    font-weight: 400;
}

最佳答案

我试过您的代码，它似乎工作正常。您正在使用引导程序之类的东西吗？因为如果是这样，可能是Bootstrap覆盖了CSS。您可以尝试将！important放在CSS行后面，以查看其是否有效。

<style>
.btn-general {
    color: #fff !important;
    border-color: #fff !important;
    border-style: solid !important;
    border-width: 2px !important;
    border-radius: 10px !important;
    padding: 12px 26px 12px 26px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

</style>
<button class="btn-general">
Test
</button>

关于css - 无法为按钮添加边框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46521406/