代码之家 › 专栏 › 技术社区 › arunmmanoharan

用CSS跳过步进连接线

reactjs css javascript

arunmmanoharan · 技术社区 · 5 年前

我有一个步进组件与反应建立。该组件接受一个步骤数组,并接受一个已禁用步骤的索引数组来跳过这些步骤。我想有跳跃虚线的方式如下所示使用CSS。

我造的步进器:

应使用CSS:

密码在这里 Stackblitz

请导航到 步骤.jsx 对于款式。

请指教。

1 回复 | 直到 5 年前

Par Tha 5 年前

尝试为特定的li元素添加.skip类,并在css下面添加

CSS

.skip:before{
    content: "";
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: -10px;
    border: 1px dashed;
    border-top: 0;
    border-radius: 0 0 100% 100%;
}

输出

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前