FooTable自定义切换按钮

时间:2016-07-29 13:00:10

标签: jquery html css footable

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

1 个答案:

答案 0 :(得分:1)

CREATE TABLE `Table1` ( `user_id` int(11) DEFAULT NULL, `user_name` varchar(5) DEFAULT NULL, `user_rating` int(11) DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; /*!40101 SET character_set_client = @saved_cs_client */; 的样式添加到指定的选择器。试试

arrow-down