>

매트 양식 필드의 스타일로 변경하려고합니다. :: ng-deep은 더 이상 사용되지 않으므로 custom.sass 파일을 사용하여 스타일을 변경하십시오. 그러나이 코드를 사용하면 mat-form-field 만 변경되지만 내부 요소는 변경되지 않습니다.

.mat-form-field
    background-color: #ffffff
    border: solid 0.9px #001757
    border-radius: 6.9px
    width: 90px
    height: 40px
    .mat-form-field-wrapper
        .mat-form-field-flex
            width: 22%
            .mat-form-field-infix
                padding: 0 0
        .mat-form-field-underline
            display: none

이 예에서는 입력 위치를 변경하고 밑줄을 제거하고 싶지만 테두리와 매트-폼 필드의 색상을 제외하고는 변경되지 않습니다.


  • 답변 # 1

    문제를 발견했다 : styles.sass에 material-import.sass의 import 문을 추가하는 것을 잊었다. 이제 작동합니다!

  • 답변 # 2

    이러한 스타일을 component.scss에서 styles.scss 파일로 이동해야합니다. 더 이상 사용되지 않는 선택기를 사용하지 않고 Angular 구성 요소 내에 중첩 된 요소를 타겟팅 할 수있는 유일한 방법입니다.

관련 자료

  • 이전 javascript - 클릭 후 예기치 않은 중복 Ajax 호출
  • 다음 html - 한 번의 클릭으로 두 가지 기능 호출