FooTable personnalisé Bouton bascule

Question

Le petit bouton à bascule pour FooTable vient du 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"; 
} 

suivante Cependant, je voudrais le remplacer par un triangle qui utilise le CSS et HTML suivant

.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> 

Je ne suis pas sûr si cela est possible, ou comment s'y prendre pour tout conseil serait génial!

(lien pour FooTable bascule icônes http://fooplugins.com/footable/demos/icon-styles.htm)

Answer 1

Ajouter le style de arrow-down au sélecteur spécifié. Essayez

.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; 
}