ボタンに罫線を追加できません

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

私はコードを試しましたが、うまくいきます。ブートストラップなどを使っていますか？あなたがそうであれば、ブートストラップがあなたのCSSを上書きしている可能性があるからです。あなたの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>