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)
将的样式添加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;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句