Блог

У меня проблема с использованием версии bootstrap-5, когда я использую lt;hrgt; и хочу добавить цвет фона. Цвет не является точным:

Это делается с помощью начальной загрузки 4 https://i.stack.imgur.com/QIY0P.png

Это делается с помощью начальной загрузки 5 https://i.stack.imgur.com/Drlow.png

Я пробовал использовать много цветов, и результаты те же, но не точны для начальной загрузки 5.

У кого-нибудь есть такая же проблема? Кто-нибудь знает, как это исправить?

Проверив css, примененный Bootstrap 5 к тегу hr, вы можете найти эти несколько строк в файле bootstrap-reboot.css.

 hr {  margin: 1rem 0;  color: inherit;  background-color: currentColor;  border: 0;  opacity: 0.25; }  

Непрозрачность, установленная на 0,25, является причиной проблемы, о которой вы упомянули. Если вы хотите получить полностью насыщенный цвет, просто переопределите непрозрачность с помощью следующего css-кода.

 hr {  opacity: 1; }