Jquery 将nivoslider数字更改为项目符号,即使使用主题也不起作用

Jquery 将nivoslider数字更改为项目符号,即使使用主题也不起作用,jquery,css,nivo-slider,Jquery,Css,Nivo Slider,因此,使用nivoslider主题,数字应该根据bollets.png更改为项目符号,对吗?这很奇怪,因为在我的例子中,数字一直是数字。 我使用默认主题和暗主题,两者都不会将数字更改为项目符号 检查浏览器控制台时没有错误。。。(我使用的是在mozilla firefox上测试过的chrome浏览器,仍然显示数字,而不是项目符号) 这意味着仅仅使用主题将改变数字,这里也提供了小提琴,第二把小提琴使用默认主题,但我没有看到子弹、箭头或数字 因此,它说我只需要从CSS文件中注释文本缩进和图像背景。但这

因此,使用nivoslider主题,数字应该根据bollets.png更改为项目符号,对吗?这很奇怪,因为在我的例子中,数字一直是数字。 我使用默认主题和暗主题,两者都不会将数字更改为项目符号

检查浏览器控制台时没有错误。。。(我使用的是在mozilla firefox上测试过的chrome浏览器,仍然显示数字,而不是项目符号)

这意味着仅仅使用主题将改变数字,这里也提供了小提琴,第二把小提琴使用默认主题,但我没有看到子弹、箭头或数字

因此,它说我只需要从CSS文件中注释
文本缩进
和图像
背景
。但这不是让控制导航子弹消失了吗

这是我的问题的链接(请使用chrome mobile view,因为我仍在首先构建手机)

有办法解决这个问题吗

代码片段包括:

Dark.css nivoslider主题

.theme-dark .nivoSlider a {
border:0;
display:block;
}

.theme-dark .nivo-controlNav {
text-align: left;
padding: 0;
position: relative;
z-index: 10;
}

.theme-dark .nivo-controlNav a {
display:inline-block;
width:10px;
height:10px;
background:url(bullets.png) no-repeat 0 2px;
text-indent:-9999px;
border:0;
margin: 0 2px;
}

 .theme-dark .nivo-controlNav a.active {
 background-position:0 100%;
 }
nivoslider.css

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
  text-align:center;
  padding: 15px 0;
}
.nivo-controlNav a {
    cursor:pointer;
 }
.nivo-controlNav a.active {
    font-weight:bold;
 }
//Default settings
$.fn.nivoSlider.defaults = {
    effect: 'random',
    slices: 15,
    boxCols: 8,
    boxRows: 4,
    animSpeed: 500,
    pauseTime: 3000,
    startSlide: 0,
    directionNav: true,
    controlNav: true,
    controlNavThumbs: false,
    pauseOnHover: true,
    manualAdvance: false,
    prevText: 'Prev',
    nextText: 'Next',
    randomStart: false,
    beforeChange: function(){},
    afterChange: function(){},
    slideshowEnd: function(){},
    lastSlide: function(){},
    afterLoad: function(){}
};
Jquery.nivoslider.js

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
  text-align:center;
  padding: 15px 0;
}
.nivo-controlNav a {
    cursor:pointer;
 }
.nivo-controlNav a.active {
    font-weight:bold;
 }
//Default settings
$.fn.nivoSlider.defaults = {
    effect: 'random',
    slices: 15,
    boxCols: 8,
    boxRows: 4,
    animSpeed: 500,
    pauseTime: 3000,
    startSlide: 0,
    directionNav: true,
    controlNav: true,
    controlNavThumbs: false,
    pauseOnHover: true,
    manualAdvance: false,
    prevText: 'Prev',
    nextText: 'Next',
    randomStart: false,
    beforeChange: function(){},
    afterChange: function(){},
    slideshowEnd: function(){},
    lastSlide: function(){},
    afterLoad: function(){}
};
我的HTML

<div id="slider" class="slider-wrapper theme-dark">

        <img src="resource/bca.png"/>
        <img src="resource/home.png"/>
        <img src="resource/bca.png"/>

</div>

在html主题中,dark类不是nivo controlNav的父类

 <div class="slider-wrapper theme-dark">  
    <div id="slider">
    <img src="resource/bca.png"/>
    <img src="resource/home.png"/>
    <img src="resource/bca.png"/>
    </div>

 </div>

在html主题中,dark类不是nivo controlNav的父类

 <div class="slider-wrapper theme-dark">  
    <div id="slider">
    <img src="resource/bca.png"/>
    <img src="resource/home.png"/>
    <img src="resource/bca.png"/>
    </div>

 </div>