0

그래서 md - 테이블 - 페이지 매김 설정 (각도 자료입니다.하지만 페이지 당 원하는 행을 클릭 할 때마다 선택된 페이지의 색이 흰색에서 검정색으로 바뀝니다. 어떻게 레이블을 흰색으로 유지할 수 있도록 만들까요? 내가 클릭 한 후? 내가 레이블 장난 시도,하지만 단지 클릭 한 후 레이블이 아닌 하나의 색상을 변경. enter image description here각진 재질 페이지 매김 선택 색상 변경 없음?

</md-table-container> 
 
     <md-table-pagination md-limit="$ctrl.query.limit" md-limit-options="$ctrl.query.limitOptions" md-page="$ctrl.query.page" md-total="{{$ctrl.fullDataList.length}}" md-on-paginate="$ctrl.onPaginate" md-page-select></md-table-pagination> 
 
    </md-table-container>
.md-table-pagination { 
 
    display: -webkit-flex; 
 
    display: -ms-flexbox; 
 
    display: flex; 
 
    -webkit-align-items: center; 
 
     -ms-flex-align: center; 
 
      align-items: center; 
 
    -webkit-justify-content: flex-end; 
 
     -ms-flex-pack: end; 
 
      justify-content: flex-end; 
 
    -webkit-flex-wrap: wrap-reverse; 
 
     -ms-flex-wrap: wrap-reverse; 
 
      flex-wrap: wrap-reverse; 
 
    box-sizing: border-box; 
 
    padding: 0 24px; 
 
    font-size: 12px; 
 
    color: $font-color; 
 
    border-top: 1px rgba(0, 0, 0, 0.12) solid; 
 
} 
 
.md-table-pagination md-select { 
 
    -webkit-justify-content: flex-end; 
 
     -ms-flex-pack: end; 
 
      justify-content: flex-end; 
 
    min-width: 64px; 
 
} 
 
.md-table-pagination md-select:not([disabled]):focus .md-select-value { 
 
    color: rgba(0, 0, 0, 0.54); 
 
} 
 
.md-table-pagination md-select .md-select-value { 
 
    -webkit-flex: 0 0 auto; 
 
     -ms-flex: 0 0 auto; 
 
      flex: 0 0 auto; 
 
} 
 
.md-table-pagination md-select .md-select-value span.md-select-icon { 
 
    -webkit-justify-content: center; 
 
     -ms-flex-pack: center; 
 
      justify-content: center; 
 
    text-align: center; 
 
    margin-right: -6px !important; 
 
} 
 
.md-table-pagination md-select .md-select-value span.md-select-icon:after { 
 
    top: initial; 
 
    -webkit-transform: scaleY(0.5) scaleX(1); 
 
      transform: scaleY(0.5) scaleX(1); 
 
} 
 
.md-table-pagination > * { 
 
    display: -webkit-flex; 
 
    display: -ms-flexbox; 
 
    display: flex; 
 
    -webkit-align-items: center; 
 
     -ms-flex-align: center; 
 
      align-items: center; 
 
    height: 56px; 
 
} 
 
.md-table-pagination > .buttons:not(:first-child), 
 
.md-table-pagination > .limit-select:not(:first-child) { 
 
    margin-left: 32px; 
 
} 
 
.md-table-pagination > .buttons { 
 
    margin-right: -16px; 
 
} 
 
.md-table-pagination > .buttons > .md-button.md-icon-button { 
 
    margin: 0; 
 
} 
 
.md-table-pagination > .buttons > .label + .md-button.md-icon-button { 
 
    margin-left: 20px; 
 
}

답변

0
.md-table-pagination md-select:not([disabled]):focus .md-select-value { 
color:white; 
} 

기본적으로 우리가 변경할 수 있습니다 복합 지구 선택 어떤 색깔로. 내 상황에서 n 선택시 색상이 검은 색으로 기본 설정되어 있었고 간단히 흰색으로 변경되었습니다.