Changing border color when button is clicked [duplicate]

Question

If you click on the button, you will see a blue border, which is really annoying for me. Do you have any solutions on how to make it disappear/not appear at all?

button{
    color: aqua;
    background-color: transparent;
    border-radius: 20px;
}

<button>about</button>

css-tricks.com/removing-the-dotted-outline/#article-header-id-0 — Martin Ždila
– Martin Ždila, Commented Mar 21, 2019 at 18:12

agustin · Accepted Answer · 2019-03-21 18:11:34Z

3

That's not a border but the outline of the button. You can remove it adding outline: none to it, but you should consider adding an alternative for those who use the keyboard to navigate.

button{
    color: aqua;
    background-color: transparent;
    border-radius: 20px;
    outline: none;
}

<button>about</button>

answered Mar 21, 2019 at 18:11

agustin

2,4673 gold badges25 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Martin Ždila Over a year ago

If you care also for Firefox, check stackoverflow.com/questions/71074/…

IvanS95 Over a year ago

I think adding the prefix is no longer necessary: developer.mozilla.org/en-US/docs/Web/CSS/outline

Collectives™ on Stack Overflow

Changing border color when button is clicked [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related