Button Border in CSS

Question

As you can see in the image, when I click the search button on the right there is an orange border, and I would like to remove it. I have tried the following, but it did not work:

.btn-serch:active{
    background-color: #92949C;
    border:0px solid white;
}

I also tried:

.btn-serch:active{
    background-color: #92949C;
    border:none;
}

score 3 · Accepted Answer · answered Mar 11 '21 at 16:26

3

Try this

.btn-serch:active{
    background-color: #92949C;
    border:none;
    outline:none;
   }

OR

button:focus {
    border: none;
    outline: none;
}

answered Mar 11 '21 at 16:26

Rashed Rahat

2,357
2
18
38

1

it's work perfectly thanks – Mar 11 '21 at 16:33
Nice to hear :) Mark the answer as accepted Please :) – Rashed Rahat Mar 11 '21 at 16:34
done , thanks one more time :D – Mar 11 '21 at 16:36
Ya i see :) Welcome my pleasure :) Thanks. – Rashed Rahat Mar 11 '21 at 16:37

score 0 · Answer 2 · answered Mar 11 '21 at 16:24

0

You'll want to override the outline property

answered Mar 11 '21 at 16:24

xdumaine

10,096
6
62
103

thanks, friend I forget about the outline – Mar 11 '21 at 16:35

Button Border in CSS

2 Answers2