How to change MdbInput Outline color


Topic: How to change MdbInput Outline color

almogmbim asked 4 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?

Thanks


Piotr Glejzer staff answered 4 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 label.active {
  color: red !important;
}

Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: 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