无法为按钮

Question

我想在网页中添加边框到我的按钮，以下是我的操作。

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

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

.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;
}

Answer 1

我试过你的代码，似乎工作正常。你在使用bootstrap或类似的东西？因为如果你是，可能是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>