Question

I have added a Image as a link on my MVC4 website and when i hover over the image a nasty grey highlight appears, is there a way to remove it?

Here is my code below:

<div class="float-left">
  <p>  
    <a href="@Url.Action('Index')">
      <img alt="HomePage" style="verticalalign:middle;" height="30px" src="~/Images/formvalue_logo.png"> 
    </a> 
  </p>
</div>

Thanks in advance.

Answer 1

Try –

.float-left img:hover, .float-left a:hover{
  background: none;
  background-color: transparent;
}