홈>
매트 양식 필드의 스타일로 변경하려고합니다. :: 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 구성 요소 내에 중첩 된 요소를 타겟팅 할 수있는 유일한 방법입니다.
관련 자료
- unit testing - ng 테스트는 각도 재료 구성 요소에서 오류 발생
- 정의되지 않은 각도 재질 토글
- html - 각도 재질 모달에서 두 번째 버튼을 선택합니다
- 탭이 예상 한대로 작동하지 않습니다-각도 재질
- Angular Material Date picker 필터를 수동으로 트리거하려면 어떻게해야합니까?
- 각도 재질 대화 상자에서 커스텀 애니메이션을 만드는 방법은 무엇입니까?
- typescript - 각도 재질을 사용하여 데이터 테이블을 PDF로 내보내는 방법
- flexbox - 앵귤러 머티리얼 탭 - flex를 과도하게 맞추지 않는 방법
- 각도 재질 - 재질 탐색 생성이 작동하지 않습니다
- Mat-form-field Angular Meterial에서 [object Object]를 제거하는 방법
- Angular Material Official Getting Started 빌드는 성공하지만 새 모듈 추가에 실패
- Mat-Select 구현 기본값을 사용한 각도 재료 스테퍼
- Angularfire 인증 가드와 각도 재료가 함께 작동하지 않음
- javascript - 각도 재질에서 첫 번째 레벨 트리 확장
- 취소 버튼을 배치하는 각도 재질 지침은 무엇입니까
- javascript - 각도 9 및 각도 재질의 트리에서 사전 선택된 항목
- css - 비활성화 된 앵귤러 머티리얼 버튼의 다른 레이아웃을위한 컴팩트 코드
- json - 매트 테이블 각도 재료 데이터 소스 형식
- Angular Material 체크 박스 텍스트 오버플로 줄임표를 얻는 방법
- html - 앵귤러 머티리얼 스테퍼 - 액티브 헤더 스타일링
문제를 발견했다 : styles.sass에 material-import.sass의 import 문을 추가하는 것을 잊었다. 이제 작동합니다!