css - bxslider，无法删除阴影

希望可以有人帮帮我！我让bxslider工作，然后突然间，我重新加载了它，并且滑块周围的阴影和边框出现了，我不知道为什么它出现以及如何删除。我认为我在下面有正确的代码来解决它。如果有人可以快速找我，请提供帮助。

HTML：

 <script type="text/javascript">
        $(document).ready(function () {
            $('.bxslider').bxSlider({
                mode: 'fade',
                auto: 'true',
                randomStart: 'true',
                responsive: 'false',
                controls: false,
                pause: 3500
            });
        });
    </script>

<ul class="bxslider" id="banner_slider">
  <li><%= image_tag "banner.png", alt: "Banner", :class => "banner" %></li>
</ul>

CSS：

.bx-wrapper .bx-viewport {
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0 0 0 0;
    border: 0;
    background: #fff;
}

ul.bxslider{
    margin: 0;
    padding: 0;
}

再说一次，我之前一切正常（没有阴影和边框），但现在突然出现了。希望有人可以引导我了解这是如何发生的以及如何解决。非常感谢！

最佳答案

在我们的讨论中，您需要定位bxslider样式表（您将其放置在gem中），或者更具体地使用自己的CSS

作为一个更具体的示例，您可以做类似这样的事情（由于尚未看到您的代码，因此设置不正确）

原始码

.bx-wrapper .bx-viewport {
 -moz-box-shadow: 0;
 -webkit-box-shadow: 0;
 box-shadow: 0 0 0 0;
 border: 0;
 background: #fff;
}

更加具体

.bx-wrapper.bx-viewport {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow:none;
border: 0;
background: #fff;

}

或第二种解决方案是找到原始文件并注释掉与box-shadow相关的属性

关于css - bxslider，无法删除阴影，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26249577/