CODEWITHSUNDEEP
jqueryhtmlcsstwitter-bootstrap
sachin_ware
sachin_ware

Reputation: 1561

How to remove default bootstrap effects appyid on button?

I have taken a bootstrap button in my web page. When I click on that button it shows me an outline around the button indicating the focus on the button as shown in the image below: enter image description here .

But I want to remove that default effect.

Here is the code for this button:

<button type="button" class="btn btn-default dropdown-toggle"  data-toggle="dropdown" id="dropdownBtn" style="background:white;border-top-width:5px;border-right-width:5px;border-bottom-width:5px;border-left-width:1px; border-color:#eee;height:42px;border-radius:0px;text-align:center;color:black; margin-right:20px;">Select<span class="caret"></span></button>

So please can anyone tell me any solution to do that.

Upvotes: 0

Views: 1593

Answers (1)

Vladislav Stanic
Vladislav Stanic

Reputation: 795

If you want to remove dotted outline, do this but first remove that inline style and place it all in stylesheet.

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

Upvotes: 3

Related Questions