bootstrap4 button 样式无效,不起作用

搭建web项目,发现按钮的bootstrap4样式不起作用:

<button type="button" class="btn btn-primary">添加</button>
<button type="button" class="btn btn-danger">Danger</button>

查看css引用,是正确的,并且在最外层的登录界面,样式是正常的:

为什么有的样式起作用,而有不起作用?

网上找到了启发:https://stackoverflow.com/questions/32495588/bootstrap-button-active-and-target-styling-not-working

很可能是内层存在着自定义的button样式,导致外层的bootstrap样式被覆盖了,仔细检查,果然有:

把内层的关于button的样式注释掉,刷新即可。

样式恢复正常:

问题解决。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小鹰信息技术服务部

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值