MUI 툴팁의 배경색을 변경하는 방법은 무엇입니까?

Question

"?" 사용자가 아이콘 위로 마우스를 가져가서 텍스트 필드에 입력해야 하는 데이터에 대한 사양을 얻을 수 있기를 바랍니다. MUI의 기본 마우스 오버는 흰색 텍스트가 있는 회색이지만, 내 경우에는 회색 텍스트와 더 큰 글꼴이 있는 흰색이 되기를 원합니다. 를 사용하면 글꼴 크기와 색상이 잘 작동하지만 배경색을 변경하면 마우스를 올리면 텍스트 필드 주위에 회색 테두리가 나타납니다. hover.js 구성요소는 다음과 같습니다.

기본 함수 내보내기 HoverTip(prop) {
    const { 팁 } = 소품

    반품 (
    <도구 설명
        제목={
            <타이포그래피
            글꼴 크기={15}
            배경색상={'#ffff'}
            색상={'#514E6A'}>
                {팁}
            </타이포그래피>}
        화살
        배치="오른쪽"
        sx={{글꼴 크기: '30'}}
        
         >
        <아이콘버튼>
        <HelpOutlineIcon />
        </아이콘버튼>
    </도구 설명>
    )

}

그러나 이렇게 하면 마우스오버 텍스트 상자 주위에 검은색 테두리가 남게 됩니다. 이 문제를 해결하는 방법을 아시나요? 어떤 모습일까요

Answer 1

sx를 사용하여 이 문제를 해결할 수 있습니다.

이제 Tooltip 上使用它不起作用，但您可以使用 slotProps 将其传递给实际的 tooltip 요소 속성에서 직접 찾았습니다.

으아악