FooTable自定義切換按鈕

Question

爲FooTable小切換按鈕來自於以下幾個CSS

.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before { 
    content: "\e000"; 
} 

.footable.breakpoint > tbody > tr > td > span.footable-toggle:before { 
    content: "\e000"; 
} 

不過，我想與使用下面的CSS和HTML

.arrow-down { 
    width: 0; 
    height: 0; 
    padding: 0; 
    margin: 0; 
    border-left: 6px solid transparent; 
    border-right: 6px solid transparent; 
    border-top: 9px solid #000; 
    position: relative; 
    right: -6px !important; 
} 


<div class="arrow-down"></div> 

一個三角形來代替它我不確定這是否可能，或者如何去做，所以任何建議都會很棒！

（鏈接FooTable切換圖標http://fooplugins.com/footable/demos/icon-styles.htm）

Answer 1

的arrow-down樣式添加到指定的選擇。嘗試

.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before { 
    width: 0; 
    height: 0; 
    padding: 0; 
    margin: 0; 
    border-left: 6px solid transparent; 
    border-right: 6px solid transparent; 
    border-top: 9px solid #000; 
    position: relative; 
    right: -6px !important; 
} 

.footable.breakpoint > tbody > tr > td > span.footable-toggle:before { 
    width: 0; 
    height: 0; 
    padding: 0; 
    margin: 0; 
    border-left: 6px solid transparent; 
    border-right: 6px solid transparent; 
    border-top: 9px solid #000; 
    position: relative; 
    right: -6px !important; 
}