如何设置进度条编号计数器的样式

时间:2017-05-05 07:39:16

标签: html css css3 progress-bar

我想知道如何设置进度条数字计数器的样式。基本上我想把数字加粗,我已经测试了几种方法,但它们没有用。

以下是jsfiddle的链接: https://jsfiddle.net/7fu0mr3t /

那么我怎样才能访问我的css文件中的计数器编号样式表并进行一些更改以便以我自己的方式显示它们!

3 个答案:

答案 0 :(得分:2)

.progressbar li:before {
    font-weight: bold;
    color: red;
}

数字是在之前添加的,它们不在html中: - )

小提琴:https://jsfiddle.net/7fu0mr3t/3/

答案 1 :(得分:0)

你可以通过两种方式为它们设置风格

.progressbar li.active:before {
    color: blue;
    font-style: italic;
}
.progressbar li:before{
  color: red;
}

https://jsfiddle.net/7fu0mr3t/4/

答案 2 :(得分:0)

只需添加" font-weight:bold;"

.progressbar li:before {
    font-weight: bold;
}