목록javascript/Css (1)

신입 개발자에서 시니어 개발자가 되기까지

Mui TextField input에 Css 적용하는 법

MUI는 정말 편한 툴 같기도 하면서도 디자인 요구사항에 맞게 커스텀을 하려면 오히려 일반적인 태그에 Css를 덧붙이는 것보다 더 어려운 면이 있다. 이번에 겪은 문제가 이거였는데, MUIDatePicker를 사용하면서, value(날짜)의 css를 조정하는데 이 방법을 몰라서 꽤나 애먹었다. 결론 DatePicker 내 input에 Css 스타일링 하기 문제 value가 textAlign: "Left"로 적용되어 있는 상황인데(기본값이니까), 이걸 textAlign: "right"로 바꾸고 싶었다. 하지만 DatePicker나 TextField에 sx를 사용해서 css를 조정해봤자 input이 아니라 input 부모 태그에 class가 지정된다. MUI 컴포넌트는 이렇게 HTML Tag에 Wrapper..
javascript/Css 2023. 7. 23. 16:03
이전 Prev 1 Next 다음