Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何设置进度条编号计数器的样式_Html_Css_Progress Bar - Fatal编程技术网

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

Html 如何设置进度条编号计数器的样式,html,css,progress-bar,Html,Css,Progress Bar,我想知道如何才能设置进度条编号计数器的样式。基本上我想把数字加粗,我已经测试了几种方法,但都不起作用 这里是到jsfiddle的链接:https://jsfiddle.net/7fu0mr3t/ 那么,我如何才能访问css文件中的计数器编号样式表并进行一些更改,以便以我自己的方式显示它们呢 .progressbar li:before { font-weight: bold; color: red; } 数字是在前面添加的,它们不在html中:-) 小提琴: 数字是在前面添加的

我想知道如何才能设置进度条编号计数器的样式。基本上我想把数字加粗,我已经测试了几种方法,但都不起作用

这里是到jsfiddle的链接:https://jsfiddle.net/7fu0mr3t/

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

.progressbar li:before {
    font-weight: bold;
    color: red;
}
数字是在前面添加的,它们不在html中:-)

小提琴:

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


小提琴:

你可以用两种方式来设置它们的样式参见小提琴

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

您可以使用两种方式来设置样式,请参见fiddle

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

只需添加此“字体重量:粗体;”

只需添加此“字体重量:粗体;”