Mui Logo. Here is a similar example but updated to work with v5 of MaterialUI (pay attention that it works in 503 and upper versions after some fixes)It includes customization via the theme customization using styled and customization using the sx prop All of these customizations target the “tooltip slot” so that the CSS is applied to the element that controls the visual look of.
The Problem with the Textfield border is that the color you want to set has a lower specificity than the original style that MaterialUI (MUI) sets Eg MUI sets this class when focusedMuiOutlinedInputrootMuifocused MuiOutlinedInputnotchedOutline { bordercolor (some color) } which is more specific than a custom selector like.
reactjs How to style MUI Tooltip? Stack Overflow
.
Mui Calm Design
reactjs How to change the border color of MUI TextField
.