【不用js怎么实现滚动条及文本鼠标移上去时改变颜色 _hover 】

不用js怎么实现滚动条及文本鼠标移上去时改变颜色

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

hover

详细描述

截图

代码

<div class="mybar">
    <div class="progress">
        <div class="progress-bar progress-bar-warning" role="progressbar"
             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
             style="width: 25%;">
            <span class="sr-only">25% 完成（警告）</span>
        </div>
    </div>
    <div class="figure">
        <span class="circle1">1</span>
        <span class="circle">2</span>
        <span class="circle">3</span>
        <span class="circle">4</span>
    </div>
    <div class="step">
        <div>1.定制纸箱</div>
        <div>2.选择数量</div>
        <div>3.上传附件</div>
        <div>4.确认下单</div>
    </div>
</div>



.mybar {
    width: 62%;
    float: right;
    padding-right: 19%;
    margin-top: 40px;
}

.step {
    color: #d3d3d3;
    display: flex;
    justify-content: space-around;
    font-size: 18px;
}

.step div:first-child {
    color: #ff7f02;
}

.figure {
    display: flex;
    justify-content: space-around;
    font-size: 16px;
}

.progress {
    height: 5px;
}

.progress-bar-warning {
    background: #ff7f02;
}

编辑于2024-11-13