当bootstrap按钮处于活动状态时,为每个按钮添加阴影/边框的CSS
P粉256487077
P粉256487077 2023-08-17 23:54:27
0
1
417

我正在使用React框架创建前端,并使用Bootstrap 5.3进行设计。

根据我的理解,Bootstrap现在作为标准已经取消了阴影效果。所以,如果按钮处于激活状态,按钮将不会显示阴影/边框,就像在Bootstrap v5.0文档中所示。

https://getbootstrap.com/docs/5.0/components/buttons/

不幸的是,我不知道如何直接在代码中自定义单个按钮。是否可以通过在按钮中添加style标签,或者在分组按钮中添加label标签来激活这种阴影效果?

style={{*这里是一些CSS魔法*}}

这是一些示例代码,我想用这种我们从v5.0中了解到的阴影效果来自定义三个按钮。

选择缓冲区

measurementConfig.buffer = 1 } />
measurementConfig.buffer = 2 } />
measurementConfig.buffer = 3 } />

提前感谢!

P粉256487077
P粉256487077

全部回复 (1)
P粉769413355

使用这个css,它将会选择被选中的单选框输入的下一个相邻的标签。

input[type="radio"]:checked+label.btn { border: 1px solid #000; //在这里添加边框/阴影 }
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!