bootstrapv4轮播图去除两侧阴影及线框

Posted on 2021-08-17 17:35  Mr杨_测试浅谈  阅读(437)  评论(0编辑  收藏  举报

一、前提条件: 

  在使用bootstrap v4中的轮播图组件时,两侧默认出现阴影,且轮播组件示例不一致!

二、bootstrap文档组件展示与实际应用

  1.官方文档展示如下:没有阴影

 

 

 2.实际应用情况如下:

 

 

 两侧阴影展示出来特别丑。经过网络搜索后,仍没有解决(ps:网上现有方案是解决旧版bootstrap的css,最早为2017年的,其他均为粘贴复制的,几乎一样)

 

三、解决方案

  1.进入bootstrap.css;

  2.搜索carousel-control-prev

  3.将color删除,并增加

background: none;   #去除阴影
border: none;  #去除线框

 

 

 

  4.修改保存刷新后如下:

 

 

 

注:本文章为原创,不得抄袭,如有发现必追究其责!可转载,但必须注明出处!!

 

Copyright © 2024 Mr杨_测试浅谈
Powered by .NET 9.0 on Kubernetes