Change border color on focus input

Topic: Change border color on focus input

AntoSky_ priority asked 2 years ago

Expected behavior I would like to change the blue color around my input when it is in focus Actual behavior Currently blue, and I can't change the color Resources (screenshots, code snippets etc.) enter image description here

Add comment

Michał Duszak staff answered 2 years ago

0 0 Best answer

Please insert min. 20 characters.

Use CSS like this:

    .form-outline .form-control:focus~.form-notch .form-notch-leading {
    border-top: .125rem solid #cceedd;
    border-bottom: .125rem solid #cceedd;
    border-left: .125rem solid #cceedd;
} 

 .form-outline .form-control:focus~.form-notch .form-notch-trailing {
    border-top: .125rem solid #cceedd;
    border-right: .125rem solid #cceedd;
    border-bottom: .125rem solid #cceedd;
} 

 .form-outline .form-control:focus~.form-notch .form-notch-middle {
    border-top: 0;
    border-bottom: .125rem solid #cceedd;
}

See this snippet for reference: https://mdbootstrap.com/snippets/standard/m-duszak/3797057

AntoSky_ priority commented 2 years ago

Hi,

Thank's !!

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

ForumUser: Priority
Premium support: Yes
Technology: MDB Standard
MDB Version: MDB5 3.11.0
Device: COMPUTER
Browser: CHROME
OS: MACOS
Provided sample code: No
Provided link: No

AntoSky_

55Support score
5Questions 3Answers 0Snippets