css - 如何禁用引导4卡上的边框

我要删除的引导卡的img部分中始终出现灰色轮廓。

    <!-- Card deck -->
                <div class="card-deck">
                    <!-- Card -->
                    <div class="col-md-6 col-lg-4 col-xl-3">
                        <div class="card mb-4">
                            <!--Card image-->
                            <div class="view overlay"><img alt="Work eyewear" class="card-img-top img-fluid" src="img/clothing-1.jpg"></div><!--Card content-->
                            <div class="card-body">
                                <!--Title-->
                                <h4 class="card-title">PPE</h4><!--Text-->
                                <p class="card-text">PPE is equipment that will protect the user against health or safety risks at work...</p><!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
                                <a class="" href="https://shop.spartansafety.co.uk/personal-protection-s/1820.htm">SHOP NOW <i class="fas fa-arrow-right fa-xs"></i></a>
                            </div>
                        </div>
                    </div><!-- Card -->

最佳答案

如果检查.card类是否具有border: 1px solid #e5e5e5;
要删除它，只需将其覆盖为border: none;

关于css - 如何禁用引导4卡上的边框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50743134/