国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

如何更改 MUI 工具提示的背景顏色?
P粉147045274
P粉147045274 2023-09-04 11:56:50
0
1
1345
<p>我想要一個“?”用戶可以將其懸停在圖標上并獲取有關應在文本字段中輸入哪些數(shù)據(jù)的規(guī)范。 MUI 的默認懸停是灰色的,帶有白色的文字,但我希望我的懸停是白色的,帶有灰色的文字,并且字體更大。我發(fā)現(xiàn)使用對于字體大小和顏色效果很好,但是當我更改背景顏色時,懸停文本字段周圍有一個灰色邊框。這是hover.js 組件:</p> <pre class="brush:php;toolbar:false;">export default function HoverTip(prop) { const { tip } = prop return ( <Tooltip title={ <Typography fontSize={15} backgroundColor={'#ffff'} color={'#514E6A'}> {tip} </Typography>} arrow placement="right" sx={{fontSize: '30'}} > <IconButton > <HelpOutlineIcon /> </IconButton> </Tooltip> ) }</pre> <p>但是,這會在懸停文本框周圍留下黑色邊框。知道如何解決這個問題嗎? 它看起來像什么</p>
P粉147045274
P粉147045274

全部回復(1)
P粉670107661

您可以使用sx解決此問題。

現(xiàn)在我發(fā)現(xiàn)直接在 Tooltip 上使用它不起作用,但您可以使用 slotProps 將其傳遞給實際的 tooltip 元素屬性。

return (
  <Tooltip
    title={<Typography fontSize={15}>{tip}</Typography>}
    arrow
    placement="right"
    sx={{ fontSize: "30" }}
    slotProps={{
      tooltip: {
        sx: {
          color: "#514E6A",
          backgroundColor: "#ffff",
        },
      },
    }}
  >
    <IconButton>
      <HelpOutlineIcon />
    </IconButton>
  </Tooltip>
);
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板