2017-12-26 35 views
0

(각도 5)개인 설정 버튼 토글 그룹 (자료 2) 재질 2이 버튼 그룹의 전환이

<div class="col-md-4"> 
       <label>Days of Week</label> 
       <mat-button-toggle-group multiple formControlName="days_service" #group="matButtonToggleGroup" > 
       <mat-button-toggle [value]="days.value" *ngFor='let days of days_service'> 
        {{ days.alias }} 
       </mat-button-toggle> 
       </mat-button-toggle-group> 
       </div> 

이, 내 버튼 그룹

enter image description here

입니다하지만 난 좋아 나는 그런

enter image description here

+0

기본적으로 매트 단추 토글의 스타일은 텍스트의 가운데에 있어야합니다. 템플릿의 요소에 적용된 재질의 CSS 속성입니까? –

답변

0

로의 변경 olve이 문제는 사용자 지정 지시문을 무시합니다.

mat-button-toggle { 
     border: 1px solid #f28628; 
     border-radius: 4px; 
     margin-left: 3px; 
     margin-right:3px; 
     width: 30px; 
     height: 30px; 
     font-family: 'Nunito Semibold', sans-serif; 
     font-size: 14px; 
     font-style: bold; 
    } 

    .mat-button-toggle-disabled{ 
     border: 1px solid #c5c0c7; 
     background-color: #e1dde5; 
    } 

    div.center-text{ 
    margin-left: -8px; 
    margin-top: -3px; 
}