How to change form field focus colour

Topic: How to change form field focus colour

nathangrieve10 free asked 3 years ago

How to change colour of form outline and focus text when clicking on a form field here -

https://mdbootstrap.com/snippets/jquery/ascensus/1135085

Thanks.

Add comment

Grzegorz Bujański staff answered 3 years ago

0 0 Best answer

Hi. You can overwrite this style:

.md-form.md-outline input[type="text"]:focus:not([readonly]) {
    border-color: red;
  box-shadow: inset 0 0 0 1px red;
}

.md-form.md-outline input[type="text"]:focus:not([readonly])+label {
    color: red;
}

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

ForumUser: Free
Premium support: No
Technology: MDB jQuery
MDB Version: 4.19.1
Device: Desktop
Browser: Chrome
OS: Windows
Provided sample code: No
Provided link: Yes

nathangrieve10

112Support score
14Questions 4Answers 3Snippets