홈>
매트 양식 필드의 스타일로 변경하려고합니다. :: 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 구성 요소 내에 중첩 된 요소를 타겟팅 할 수있는 유일한 방법입니다.
관련 자료
- Missing associated label in Angular material mat form field - Angular material mat-form-field에 관련 레이블이 없습니다WebStorm
- 각도 재료 2 매트리스트 옵션을 확인하는 방법은 무엇입니까?
- 마스터 디테일 앵귤러 머티리얼 예제
- 각도 재질 대화 상자를 열려고 할 때 Angular7 Modal StaticInjectorError
- html - 끈적 끈적한 머리글과 바닥 글을 만드는 각도 재질
- 각도 재질 테이블에서 헤더 표시 텍스트를 변경하는 방법은 무엇입니까?
- html - 각도 재질 입력 자리 표시 자의 텍스트 색상을 변경할 수 없습니다
- 각도 재질의 MatDialog 대화 상자가 닫히지 않습니다
- 그룹 별 파이프 결과의 각도 7 동적 중첩 재료 메뉴
- 각도 재질 리플이 객체 내용 또는 텍스트 위에 나타납니다
- 커스텀 앵귤러 머티리얼 폼 필드에 대한 검증
- 각도 재료 CSS를로드하는 방법
- Angular Material Data Table - 앵귤러 재질 데이터 테이블 - ahead/auto complete search 유형의 열에 대해 filterpredicate를 설정하는 방법은 무엇입니까?
- Angular Material ngFor in mat chip list - 매트 칩리스트에서 앵귤러 재질 ngfor - 줄 바꿈을 방지하는 방법?
- javascript - Angular Material compareWith 함수가 왜 첫 번째 값만 비교합니까?
- Angular material select - 앵귤러 재질 선택 - 선택한 값 표시 문제
- Angular material datepicker - 각도 재질 날짜 선택기 - 자극에 빈 팝업
- html - 앵귤러 재질 입력 번호 스피너 스크롤 문제
- Angular 7 & Angular Material - 앵귤러 7 및 앵귤러 재질 - 유효성 검사기가 minlength 오류를 표시하지 않습니다
- 서버에서 데이터를 가져온 후 각도 재질 테이블 정렬이 작동하지 않습니다
문제를 발견했다 : styles.sass에 material-import.sass의 import 문을 추가하는 것을 잊었다. 이제 작동합니다!