Navbar search bottom margin becomes blue on click, want to u

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Navbar search bottom margin becomes blue on click, want to use another color

decosvaldo pro asked 6 years ago

Hi, I've tried to follow this instructions to change the default blue color on the navbar search field: https://mdbootstrap.com/components/bootstrap-search/ But, after I set this configurations, it will use the color I defined, but it will also keep the default blue color on top of the color I choose. Can you help me to remove the default blue color? Bellow is my code: 
Start your code here
<form class="form-inline" id="searchform" name="searchform" action="findartist.php" method="post">
<div class="md-form my-0 active-white-2">
<input class="form-control mr-sm-2" type="text" autocomplete="off" data-provide="typeahead" id="search" name="search" placeholder="Buscar Artistas" aria-label="Search"/> 
</div>
</form>

.active-white-2 input[type=text]:focus:not([readonly]) {
border-bottom: 1px solid #ffffff;
box-shadow: 0 1px 0 0 #ffffff;
}

decosvaldo pro answered 6 years ago

Sorry, a simple !important solved. I guess the tutorial needs an update.

Marta Szymanska staff pro premium commented 6 years ago

Ok, great. Thank you for the idea.
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
  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
decosvaldo
Pro User
42Support score
16Questions 10Answers
0Snippets likes 1Snippets