Comment faire pour modifier l'épaisseur & couleur de la <hr> tag?

Je peux voir ce qui a été répondu, mais j'ai essayé toutes les solutions mais toujours à peine visible RH.

Ce que je fais mal?

hr {
    background-color: dimgrey;
    color: dimgrey;
    border: solid 2px dimgrey;
    height: 5px;
    width: 1000px;
}
Est votre style d'être remplacé? (par exemple bootstrap)
Veuillez inclure un exemple.

OriginalL'auteur Jamie Bohanna | 2016-01-21

  1. 9

    Pas sûr de ce que vous considérez à peine visible, mais 5px hauteur est assez visible. 🙂

    Assurez-vous que vous définissez cette css après les autres css qui pourrait écraser cette règle.

    Ou, à l'utilisation !important de donner à cette règle de priorité:

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

    Une autre approche consiste à définir une classe personnalisée pour ce style:

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

    ... et puis l'utilisation de cette classe lorsque vous voulez ce style:

    <hr class="bigHr">
    Merci, c'était le Bootstrap cadre d'écraser le style!
    Merci , c'était exactement ce que je voulais.

    OriginalL'auteur mmccaff