在启动时隐藏bxslider中的li子弹

Question

我使用bxslider来展示照相馆。这是我目前的设置。

<div class="slidercontainer">
    <ul class="slider">
        <li><img src="image1.jpg"/></li>
        <li><img src="image2.jpg"/></li>
        <li><img src="image3.jpg" /></li>
    </ul>
</div>

<script type="text/javascript">
$('.slider').bxSlider(
{
    auto: true,
    mode: 'fade',
    pause: 5000
});
</script>

一切正常，但在图像加载之前，我可以看到滑块左上角的列表（li）项目符号。我试图像这样编辑bxslider CSS

.bx-wrapper ul {
    list-style-type:none;
    list-style:none;
}

但它不起作用。在启动时隐藏列表项目符号的任何想法？

Answer 1

问题是只有在使用bxSlider函数后才会添加bx-wrapper选择器。

.slider ul {
  list-style:none;
}