홈>
매트 양식 필드의 스타일로 변경하려고합니다. :: 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
- 답변 # 2
이러한 스타일을 component.scss에서 styles.scss 파일로 이동해야합니다. 더 이상 사용되지 않는 선택기를 사용하지 않고 Angular 구성 요소 내에 중첩 된 요소를 타겟팅 할 수있는 유일한 방법입니다.
관련 자료
- 작성 옵션이있는 각도 재질 드롭 다운
- 앵귤러 머티리얼 폼 필드와 플렉스 레이아웃 사용법
- 앵귤러 머티리얼 트리의 특정 노드 확장
- javascript - 서비스 데이터를 표시하지 않는 각도 재료 데이터 테이블
- 앵귤러 머티리얼 ErrorStateMatcher는 부모 폼이 언제 제출되는지 감지 할 수 있습니까?
- typescript - 각도 재질 날짜 선택기 - 날짜 분석 utc 문제 1 일 전
- user interface - 각도 8/각도 재질 8에서 UI 상태를 어떻게 저장 하시겠습니까?
- css - 바운드 변수를 변경하지 않는 각도 재질 슬라이드 토글
- 앵귤러 머티리얼 자동 완성이 setValue가 반응하지 못하도록 방지
- 앵귤러 재질의 매트 진행 막대 안의 텍스트
- html - 각도가 다른 재료 확장 패널이 다른 구성 요소와 작동하지 않음
- 앵귤러 머티리얼 체크 박스 양방향 바인딩
- 위치가 다른 하나의 구성 요소 (한 페이지)에 Angular Material이있는 두 개의 드롭 다운 메뉴가 있으며 각 클래스마다 고유 한 클래스를 원합니다
- Can't even get the basics of Angular Material running - 앵귤러 머티리얼의 기본을 실행할 수조차 없습니다 materialangulario를 따라 시도했지만 더 혼란 스럽습니
- css - 앵귤러 머티리얼 테이블이 반응하지 않습니다
- Customising Angular Material input - 앵귤러 머티리얼 입력 커스터마이징 - 자동 완성이 표시되면 아래쪽 테두리 제거
- Angular Material sidenav는 항상 데스크탑에서 열립니다
- 창 스크롤에서 각도 재질 대화 상자 위치 변경
- datatables - 앵귤러 소재 테이블에 대해 페이지 당 현재 페이지를 모두 선택하십시오
- css - 앵귤러 재질 - 테이블 내부 매트 확장이 다른 테이블과 정렬되지 않음
문제를 발견했다 : styles.sass에 material-import.sass의 import 문을 추가하는 것을 잊었다. 이제 작동합니다!