0
119
ViewsHow to give the search button desired on-click effect
This is what I made:
And this is what I want:
Both search bars are on on-click states I can't find a way using bootstrap, CSS, JS,
how can I implement this feature.
Code:
.loc-icon{
background-color: white;
border: none;
border-radius: 15px;
padding: 15px
}
.loc-input{
border: none;
padding: 15px;
border-radius: 15px;
}
.loc-submit{
background-color: white;
border: none;
border-radius: 15px;
padding-right: 1rem;
}<div class="input-group mb-3 loc-bar">
<span class="input-group-text loc-icon" id="inputGroup-sizing-default"><img src="Images/place.png" alt=""></span> <!-- location icon -->
<input type="text" class="form-control loc-input" aria-describedby="inputGroup-sizing-default" placeholder="Enter your location">
<button class="loc-submit " type="submit" name="button"><a href="/"><img src="Images/right-arrow.png" alt=""></a></button>
</div>Pls help me!!
Thankyou Amazing ppl..
·
Juan Pablo Isaza
1 answers
Answer questionAnswer question