- 18, May 2024
- #1
Я не уверен, почему я не могу стилизовать цвет заливки индикатора выполнения в Chrome.
Я устанавливаю цвет, но ничего не происходит.
Может ли кто-нибудь помочь? Проблема в том, что #health-bar не становится красным.
Также пытаюсь сделать полосу красной во всех браузерах.
Не уверен, когда использовать цвет или фон.
Спасибо за помощь
Я устанавливаю цвет, но ничего не происходит.
Может ли кто-нибудь помочь? Проблема в том, что #health-bar не становится красным.
Также пытаюсь сделать полосу красной во всех браузерах.
Не уверен, когда использовать цвет или фон.
Спасибо за помощь
/* Progress Resets*/
progress, /* All HTML5 progress enabled browsers */
progress[role] /* polyfill */
{
/* gets rid of default border in Firefox and Opera. */
border: none;
/* Needs to be in here for Safari polyfill so background images work as expected. */
background-size: auto;
}
/* Polyfill */
progress[role]:after {
background-image: none; /* removes default background from polyfill */
}
/* Ensure fallback text doesn't appear in polyfill */
progress[role] strong {
display: none;
}
/* Health Bar */
#health-bar {
color:red;
}
#health-bar::-webkit-progress-bar {
color: #ffeeee;
}
#health-bar::-webkit-progress-value {
background: red;
}
#health-bar::-moz-progress-bar {
background:red;
}
/* Polyfill */
#health-bar[aria-valuenow]:before {
background: black;
}
Код (CSS):