html - の太さや色を変える方法鬼ごっこ？

Question

これは回答されていることがわかりますが、すべてのソリューションを試しましたが、HR はほとんど見えません。

私は何を間違っていますか？

hr {
    background-color: dimgrey;
    color: dimgrey;
    border: solid 2px dimgrey;
    height: 5px;
    width: 1000px;
}

Answer 1

ほとんど見えないと思うものはわかりませんが、5px の高さはかなり見えます。:)

このルールを上書きする可能性のある他の css の後に、この css を定義していることを確認してください。

または、!important を使用して、このルールを優先させます。

hr {
    background-color: dimgrey !important;
    color: dimgrey !important;
    border: solid 2px dimgrey !important;
    height: 5px !important;
    width: 1000px !important;
}

もう 1 つの方法は、このスタイルのカスタム クラスを定義することです。

.bigHr {
    background-color: dimgrey !important;
    color: dimgrey !important;
    border: solid 2px dimgrey !important;
    height: 5px !important;
    width: 1000px !important;
}

...そして、このスタイルが必要なときにそのクラスを使用します:

<hr class="bigHr">