Как изменить толщину и цвет метки <hr>?

Question

Я вижу, что на это был дан ответ, но я пробовал все решения, но все еще имею едва заметный HR.

Что я делаю неправильно?

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

Answer 1

Не уверен, что вы считаете едва заметным, но высота 5 пикселей высока. :)

Убедитесь, что вы определяете этот css после другого css, который может переписывать это правило.

Или использовать важно дать этому правилу приоритет:

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

Другой подход заключается в определении пользовательского класса для этого стиля:

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

... и затем использовать этот класс, когда вы хотите этот стиль:

<hr class="bigHr">