一、前提條件:
在使用bootstrap v4中的輪播圖組件時,兩側默認出現陰影,且輪播組件示例不一致!
二、bootstrap檔案組件展示與實際應用
1.官方檔案展示如下:沒有陰影

2.實際應用情況如下:

兩側陰影展示出來特別丑,經過網路搜索后,仍沒有解決(ps:網上現有方案是解決舊版bootstrap的css,最早為2017年的,其他均為粘貼復制的,幾乎一樣)
三、解決方案
1.進入bootstrap.css;
2.搜索carousel-control-prev
3.將color洗掉,并增加
background: none; #去除陰影
border: none; #去除線框

4.修改保存重繪后如下:

注:本文章為原創,不得抄襲,如有發現必追究其責!可轉載,但必須注明出處!!
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/308390.html
標籤:HTML5
上一篇:重復點擊路由,導致提示避免到當前位置的冗余導航(路由冗余)解決方式
下一篇:HTML5 新增內容和 API
