Topic: How to change MdbInput Outline color

almogmbim free asked 3 years ago

Hello i am new with this platform and i would like to know if there is a way to change the border color of mdbinput outline prop?


Piotr Glejzer staff answered 3 years ago

You have add your own class with color/box-shadow/border-bottom to overwrite styling. This is the only wave to do this now.

.md-outline input:focus {
  border-color: red !important;
  box-shadow: inset 0 0 0 1px red !important;
  border-bottom: 1px solid red !important;

.md-outline {
  color: red !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

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.27.0
  • Device: Desktop
  • Browser: chrome
  • OS: Ubuntu 19.04
  • Provided sample code: No
  • Provided link: No