How to change MdbInput Outline color

Topic: How to change MdbInput Outline color

almogmbim asked 5 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

Add comment

Piotr Glejzer staff answered 5 years ago

0 1 Best answer

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;
}

Add comment

Write

Create snippet

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

Related topics

3: Dark theme bugs?

1: Textarea label is blue in color on active state

0: MDBInput - How to add a clear Icon on the right?

0: Input not working correct with Accordion

0: Why is there a difference between input and input in group on the tag that declares them?

About author

almogmbim

20Support score
4Questions 0Answers

0Snippets likes 0Snippets