Topic: Change Input Color

ewgiddings free asked 3 years ago

How do I change the color of the underline on inputs from blue to the default green color?

ewgiddings free commented 3 years ago

I've seen the posts about skins but this does not seem to change the input underline/label color..?

Arkadiusz Idzikowski staff answered 3 years ago

Dear ewgiddings, You need to overwrite those styles in your styles.scss:
.md-form input[type=text]:focus {

box-shadow: 0 1px 0 0 green !important;

border-bottom: 1px solid green !important;


Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.3
  • Device: Surface
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No