<p>"?" 사용자가 아이콘 위로 마우스를 가져가서 텍스트 필드에 입력해야 하는 데이터에 대한 사양을 얻을 수 있기를 바랍니다. MUI의 기본 마우스 오버는 흰색 텍스트가 있는 회색이지만, 내 경우에는 회색 텍스트와 더 큰 글꼴이 있는 흰색이 되기를 원합니다. 를 사용하면 글꼴 크기와 색상이 잘 작동하지만 배경색을 변경하면 마우스를 올리면 텍스트 필드 주위에 회색 테두리가 나타납니다. hover.js 구성요소는 다음과 같습니다. </p> <pre class="brush:php;toolbar:false;">기본 함수 내보내기 HoverTip(prop) { const { 팁 } = 소품 반품 ( <도구 설명 제목={ <타이포그래피 글꼴 크기={15} 배경색상={'#ffff'} 색상={'#514E6A'}> {팁} </타이포그래피>} 화살 배치="오른쪽" sx={{글꼴 크기: '30'}} > <아이콘버튼> <HelpOutlineIcon /> </아이콘버튼> </도구 설명> ) }</pre> <p>그러나 이렇게 하면 마우스오버 텍스트 상자 주위에 검은색 테두리가 남게 됩니다. 이 문제를 해결하는 방법을 아시나요? 어떤 모습일까요</p>