Topic: Navbar search bottom margin becomes blue on click, want to use another color
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;
}
Add comment
Sorry, a simple !important solved. I guess the tutorial needs an update.
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