<p>J'aimerais qu'un utilisateur "?" puisse survoler l'icône et obtenir des spécifications sur les données à saisir dans le champ de texte. Le survol par défaut de MUI est gris avec du texte blanc, mais je veux que le mien soit blanc avec du texte gris et avec une police plus grande. J'ai trouvé que l'utilisation fonctionne bien pour la taille et la couleur de la police, mais lorsque je change la couleur d'arrière-plan, le champ de texte survolé est entouré d'une bordure grise. Il s'agit du composant hover.js : </p> <pre class="brush:php;toolbar:false;">exporter la fonction par défaut HoverTip(prop) { const {astuce} = accessoire retour ( <Info-bulle titre={ <Typographie fontSize={15} backgroundColor={'#ffff'} couleur={'#514E6A'}> {conseil} </Typographie>} flèche placement="à droite" sx={{Taille de la police : '30'}} > <IconButton> <IcôneHelpOutline /> </IconButton> </Info-bulle> ) }</pré> <p>Cependant, cela laisse une bordure noire autour de la zone de texte de survol. Une idée de comment résoudre ce problème ? À quoi ça ressemble</p>

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>
);