material ui TextField disabled 색 바꾸기

설명

---

material ui TextField가 disabled일 때 회색이 되는데 이때 색을 바꾸는 방법입니다.

 

해결방법

---

material ui TextField disabled custom color change

TextField를 다음과 같이 수정합니다.

<TextField
    InputLabelProps={{ style: { color: "black" } }}
    InputProps={{ style: { color: "black" } }}
    disabled
    label="라벨"
    defaultValue={"내용"}
/>

 

 

 

그 외 다른 Component Style Custom

---

TextField 외에도 다양한 Component를 custom 할 수 있습니다.

TextField처럼 특정 Props를 통해 custom 할 수 있지만, 모든 Component가 위와 같은 방식으로 custom이 가능하지는 않습니다.

 

자세한 custom 방법은 아래의 material ui 홈페이지에 기술되어 있습니다.

 

How to customize - Material UI

 

참조

---

 

TextField API - Material UI