如何設置bxslider圖像滑塊的樣式？

Question

在設置我的bxslider圖片滑塊樣式時遇到了一些麻煩。 首先，它似乎並沒有采用我嘗試給出的任何樣式-但也有我不想要的“上一個”和“下一個”文本鏈接。

有人可以幫忙解決我需要更改樣式以使其看起來更像這樣的機會！ -> http://danielmdesigns.com/windermere/images/sliderexample.png

讓我知道您是否還有其他需要，但要現場觀看，請訪問http://www.danielmdesigns.com/windermere/index.html ，我的HTML CSS和JS也位於下面；

的HTML

 <ul class="bxslider">
 <li><img src="images/imagescroll_1.png" /></li>
 <li><img src="images/imagescroll_1.png" /></li>
 <li><img src="images/imagescroll_1.png" /></li>
 <li><img src="images/imagescroll_1.png" /></li>
 </ul>

的CSS

.bxslider{
height:600px;
width:auto;
background-color:#c41230;
background-size:cover;
position:relative;
top:95px;
}

和我的JS在end body標簽上方；

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

我真的只需要將它顯示為全角，並且只將尋呼機點顯示在滑塊上即可。感謝所有幫助。

Answer 1

導入默認的.bxslider css文件后，請確保聲明您的自定義CSS。 這樣，您可以覆蓋默認值。