我該如何設計bxslider？

Question

這是我的jsFiddle

我想樣式滑塊，你可以看到。

任何人有任何想法我該怎麼做？

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"> </script> 
    <script src="http://bxslider.com/lib/jquery.bxslider.js"></script> 
<link href="http://bxslider.com/lib/jquery.bxslider.css" rel="stylesheet" /> 
<style> 
    .list{ 
     text-align:center; 
    } 
</style> 
    <ul class="bxslider"> 

       <li class='list'>Hello</li> 
       <li class='list'>How are you</li> 
       <li class='list'>I am fine</li> 
       <li class="list">slide1</li> 
       <li class="list">slide2</li> 
       <li class="list">slide3</li> 
       <li class="list">slide4</li> 
       <li class="list">slide5</li> 
       <li class="list">slide6</li> 
       <li class="list">slide7</li> 
       <li class="list">slide8</li> 
       <li class="list">slide9</li> 
       <li class="list">slide10</li> 
       <li class="list">slide11</li> 

</ul> 

Js--

$(document).ready(function(){ 
    $('.bxslider').bxSlider({ 

     slideWidth:500, 
     slideMargin: 20, 
     minSlides: 2, 
     maxSlides: 3 
    }); 
    }); 

的代碼給我很好的滑塊，但我想樣式。 我不知道爲什麼，但右箭頭不起作用。真的，我不知道解決方案。
我需要你的指導。
謝謝。

Answer 1

確保在導入默認bxslider css文件後聲明自定義CSS。這樣你可以覆蓋默認值。

Answer 2

最簡單和最常見的方法是使用CSS。

與您提供的的jsfiddle，你可以很容易地通過編輯CSS中編輯滑塊，你將它定義成這樣：（如果你還不知道）

.bxslider { 
code:here; 
} 

你的滑蓋也工作正常，我認爲你遇到的問題是，「結果」一詞在jsFiddle中覆蓋它，你意外地點擊了該按鈕而不是按鈕。