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