CODEWITHSUNDEEP
csstwitter-bootstraptwitter-bootstrap-3
user3668817
user3668817

Reputation: 63

Issue on Removing Button Outline

Using Bootstrap 3 and Bootstrap Switch I have a Checkbox switch at this Demo and I would like to remove the Blue outline of the element by using this CSS rules:

.btn {
    outline: none !important;
}
textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus, button:focus, button:active, button:hover {
    outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

but it is not working. Can you please let me know how to fix this?

Upvotes: 0

Views: 68

Answers (2)

Sburke0708
Sburke0708

Reputation: 21

It's part of bootstrap. Hope this helps! 

.bootstrap-switch:focus{
        outline:none;
    }

Upvotes: 0

Maulik Anand
Maulik Anand

Reputation: 1449

DEMO

.bootstrap-switch.bootstrap-switch-focused {
    border-color: #cccccc;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

Upvotes: 1

Related Questions