1. MDB Home Page
  2. Support Main Page
  3. MDB Standard
Topic: Search event Outline color

Red Baron free asked 2 years ago

Expected behavior Hello, i want to change search event input outline color but it doesnt change, I want to make it green. Actual behavior

Resources (screenshots, code snippets etc.) enter image description here

Michał Duszak staff answered 2 years ago

Hello, use selectors for form-notch 

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

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

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

https://mdbootstrap.com/snippets/standard/m-duszak/3098283#css-tab-view

Write
Create snippet
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 Standard
  • MDB Version: MDB5 3.5.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No
Tags
search
About author
Red Baron
5Support score
1Questions 0Answers 0Snippets