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

Wie ?ndere ich die Hintergrundfarbe von MUI-Tooltips?
P粉147045274
P粉147045274 2023-09-04 11:56:50
0
1
1346
<p>Ich h?tte gerne ein ??“, damit der Benutzer mit der Maus über das Symbol fahren kann und Angaben dazu erh?lt, welche Daten in das Textfeld eingegeben werden sollen. Der Standard-Hover von MUI ist grau mit wei?em Text, aber ich m?chte, dass mein Hover wei? mit grauem Text und mit einer gr??eren Schriftart ist. Ich habe festgestellt, dass die Verwendung für Schriftgr??e und -farbe gut funktioniert, aber wenn ich die Hintergrundfarbe ?ndere, wird das Hover-Textfeld von einem grauen Rand umgeben. Dies ist die hover.js-Komponente: </p> <pre class="brush:php;toolbar:false;">Standardfunktion exportieren HoverTip(prop) { const { tip } = prop zurückkehren ( <Tooltip Titel={ <Typografie Schriftartgr??e={15} Hintergrundfarbe={'#ffff'} color={'#514E6A'}> {Tipp} </Typografie>} Pfeil Platzierung="rechts" sx={{fontSize: '30'}} > <IconButton> <HelpOutlineIcon /> </IconButton> </Tooltip> ) }</pre> <p>Dadurch bleibt jedoch ein schwarzer Rand um das Hover-Textfeld zurück. Irgendeine Idee, wie man dieses Problem l?sen kann? Wie sieht es aus</p>
P粉147045274
P粉147045274

Antworte allen(1)
P粉670107661

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

現(xiàn)在我發(fā)現(xiàn)直接在 Tooltip 上使用它不起作用,但您可以使用 slotProps 將其傳遞給實(shí)際的 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>
);
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage