Remove the edge of an image when clicked

Asked

Viewed 1,306 times

1

I’m having trouble with a menu that has images with redirect to modal, when I close the modal he gets a blue border on Chrome and dotted on IE, I’ve tried outline: none and border: 0.

Someone’s been through it?

I want to take from this image:

<a href="#Concursos" role="button" data-toggle="modal" data-target="#Concursos" class="col-lg-1 col-md-2 col-sm-3 col-xs-6 text-center home">
<img src="icones/icone_Concursos.png" alt="Concursos" /></a>

 .centro_site {
width: 100%; float: left; padding: 0px 10px; margin-top: 10px; outline: none;
}

And she’s still inside .row of bootscrap, but I’ve already put everything 0 also the outline of bootscrap.

css html5
  • 2

    Add CSS so we can help you, and where you’ve added outline:none that didn’t work, because it should...

  • I edited the question.

  • The images are with class .home. I added it too and it didn’t work .

2 answers

1

Simple, Outline is not from the image but from the link that surrounds it, the code below solves your problem;

a:active, a:selected, a:visited { 
    border: none;
    outline: none;
}

  • Friend. I posted my solution. I found the problem. I use bootscrap and the links were inside the bootscrap Row. The Outline were set to 5px in the bootscrap files. More value. Thanks for the answer. Seeing might solve it. I had tried that way only with a:active and it also had not worked. More worth.

-1


I found the problem. I use bootscrap and was inside a div .row and how I use column menu kept circling the links of the images. The outline are defined as 5px within the a.focus bootscrap.css and bootscrap.min.css.

Browser other questions tagged css html5

You are not signed in. Login or sign up in order to post.