-1

Actually it is not clear from documentation what is the way for changing underline color for Input component on hover. By default underline color is black when hovering on element so it would be great if someone can share the proper of way of handling this case

Note: I know how to solve it with withStyles but it is critical for me to avoid it

Please do not suggest me this answer as my request a little bit different

https://codesandbox.io/s/material-demo-2l6nq

Vlad
  • 94
  • 1
  • 1
  • 7
  • Possible duplicate of [How do I custom style the underline of Material-UI without using theme?](https://stackoverflow.com/questions/56023814/how-do-i-custom-style-the-underline-of-material-ui-without-using-theme) – Ryan Cogswell Aug 06 '19 at 17:03
  • @RyanCogswell Why is it duplicate? As you can see they use `styled-component` approach but in my case I shouldn't do so – Vlad Aug 06 '19 at 17:27
  • 1
    How is your question different? There is very little difference between using `withStyles` and `makeStyles`. Here is a modified version of your sandbox that applies the solution from my other answer: https://codesandbox.io/s/material-demo-l5o9w – Ryan Cogswell Aug 06 '19 at 17:35
  • @RyanCogswell thank you – Vlad Aug 06 '19 at 17:43

1 Answers1

0

Thanks to @RyanCogswell, here is the answer

Vlad
  • 94
  • 1
  • 1
  • 7