Little doubt about Buttons

Asked

Viewed 32 times

2

Good morning I wonder if there is any way to take this blue line around the image, the image and a button

inserir a descrição da imagem aqui

css

1 answer

2


Just take the Outline from the element button thus:

button:focus, button:active {
    outline: none;
}

But you shouldn’t do that, even for the sake of Accessibility... http://www.outlinenone.com/

Think you can treat the outline with css for it to have a nicer effect instead of c remove it. Here in the Mozilla documentation you can see some practical examples of how to style outline https://developer.mozilla.org/en-US/docs/Web/CSS/outline

Examples of stylization of outline: (note that even though the element is a P I can put the outline on it as an only edge without interfering in the box-size )

p.dotted {outline-style: dotted; outline-color:red; outline-width: 5px;}
p.dashed {outline-style: dashed; outline-color:blue ; outline-width: 3px;}
p.solid {outline-style: solid; outline-color:green; outline-width: 3px;}
p.double {outline: 2px double gold;}
<p class="dotted">A dotted outline</p>
<p class="dashed">A dashed outline</p>
<p class="solid">A solid outline</p>
<p class="double">A double outline</p>

  • 1

    worked perfectly, very thankful

Browser other questions tagged css

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