Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 使用ng表格时如何编辑排序图示符的颜色?_Css_Angularjs_Ngtable - Fatal编程技术网

Css 使用ng表格时如何编辑排序图示符的颜色?

Css 使用ng表格时如何编辑排序图示符的颜色?,css,angularjs,ngtable,Css,Angularjs,Ngtable,在使用AngularJS ng表格制作的表格中,非常类似于: 我必须更改默认/上升/下降和正常/悬停/活动状态的排序符号的颜色。 我假设它是由CSS(SASS)完成的,但是选择器是什么,以及在这种情况下如何使用它?在CSS中,以下是两个类: 用于向上箭头和升序排序的CSS: .ng-table th.sortable .sort-indicator:after, { border-color: #AB8383 transparent; } 和用于向下箭头的CSS: .ng-

在使用AngularJS ng表格制作的表格中,非常类似于: 我必须更改默认/上升/下降和正常/悬停/活动状态的排序符号的颜色。
我假设它是由CSS(SASS)完成的,但是选择器是什么,以及在这种情况下如何使用它?

在CSS中,以下是两个类:

用于向上箭头和升序排序的CSS:

.ng-table th.sortable .sort-indicator:after, {
      border-color: #AB8383 transparent;
    }
和用于向下箭头的CSS:

.ng-table th.sortable .sort-indicator:before{
  border-top: 4px solid #4D1F4B;
}
降序排序:

.ng-table th.sortable.sort-desc .sort-indicator:after{
border-top: 4px solid #420A0A;
}
对于悬停,您可以使用:

.ng-table th.sortable .sort-indicator:hover:after, .ng-table th.sortable .sort-indicator:hover:before{
//css rule here
}

在CSS中,有以下两个类:

用于向上箭头和升序排序的CSS:

.ng-table th.sortable .sort-indicator:after, {
      border-color: #AB8383 transparent;
    }
和用于向下箭头的CSS:

.ng-table th.sortable .sort-indicator:before{
  border-top: 4px solid #4D1F4B;
}
降序排序:

.ng-table th.sortable.sort-desc .sort-indicator:after{
border-top: 4px solid #420A0A;
}
对于悬停,您可以使用:

.ng-table th.sortable .sort-indicator:hover:after, .ng-table th.sortable .sort-indicator:hover:before{
//css rule here
}

覆盖某些类:

.ng-table th.sortable .sort-indicator:before,
.ng-table th.sortable.sort-desc .sort-indicator:after, 
.ng-table th.sortable.sort-desc .sort-indicator:hover:after{
  border-top: 4px solid #4D1F4B;
}

.ng-table th.sortable .sort-indicator:after,
.ng-table th.sortable.sort-asc .sort-indicator:after, 
.ng-table th.sortable.sort-asc .sort-indicator:hover:after{
  border-bottom: 4px solid #4D1F4B;
}

覆盖某些类:

.ng-table th.sortable .sort-indicator:before,
.ng-table th.sortable.sort-desc .sort-indicator:after, 
.ng-table th.sortable.sort-desc .sort-indicator:hover:after{
  border-top: 4px solid #4D1F4B;
}

.ng-table th.sortable .sort-indicator:after,
.ng-table th.sortable.sort-asc .sort-indicator:after, 
.ng-table th.sortable.sort-asc .sort-indicator:hover:after{
  border-bottom: 4px solid #4D1F4B;
}

伟大的但默认排序指示器(包含两个箭头的指示器)使用哪种选择器?包含向上和向下箭头的指示器作为向上和向下箭头
.ng table th.sortable.sort指示符:在
之后表示向上箭头,
.ng table th.sortable.sort指示符:在
之前表示向下箭头。太棒了!但默认排序指示器(包含两个箭头的指示器)使用哪种选择器?包含向上和向下箭头的指示器作为向上和向下箭头
.ng table th.sortable.sort指示符:在
之后表示向上箭头,
.ng table th.sortable.sort指示符:在
之前表示向下箭头。太棒了!但默认排序指示器(包含两个箭头的指示器)使用哪种选择器?包含向上和向下箭头的指示器作为向上和向下箭头
.ng table th.sortable.排序指示符:对于向上箭头,在
之后;对于向下箭头,在之后。ng table th.sortable.排序指示符:在之前。