I have an image carousel with right and left nav arrows...issue is.. on mouse hover over the arrows they are getting higlighted with white color otherwise they are not getting higlighted.
But i require without hovering they should get higlihted
In the above pic i have hovered on left arrow then its get highlighted or else it will display similar to right arrow.how can i get arrows hilglighted without hover this pls respond soon
this is my code:
<!-- left and right button -- start -->
<a class="left carousel-control" role="button" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true">
<img src=""><!-- Arrows left-->
</span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" role="button" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true">
<!-- arrows right-->
<img src="">
</span>
<span class="sr-only">Next</span>
</a>
<!-- left and right button -- end -->