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: 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 Wierzbicka staff commented 6 years ago

Ok, great. Thank you for the idea.


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: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags