Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: How to change form field focus colour

nathangrieve10 free asked 4 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.


Grzegorz Bujański staff answered 4 years ago


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


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

  • 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