CODEWITHSUNDEEP
css
totothegreat
totothegreat

Reputation: 1643

remove bootstrap select focus outline in chrome

I tried to do the following to remove the focus on the select of bootstrap (i don't want to remove it actually, just to change it's color)

select:focus{
    color:#333333;
    //border:10px solid red;
    border:none!important;
    outline:none!important;
  }

still see a shadow around it...anyone have a clue?

Upvotes: 2

Views: 3450

Answers (3)

Vitorino fernandes
Vitorino fernandes

Reputation: 15951

demo - http://www.bootply.com/L0Sju3iguY

set outline:0 and box-shadow:none

select:focus{
 outline:0;
 box-shadow:none;
}

Upvotes: 1

Anton Atanasov
Anton Atanasov

Reputation: 1

Your style could be overwritten by another style with !important. Without code sample it's a bit tricky to help you... Generally you should avoid using !important(if you are using it only to try to make this work it's OK). Are you using any classes on your input or something?

Upvotes: 0

Alex Mcp
Alex Mcp

Reputation: 19315

Pretty sure (without a picture) that you'll need box-shadow: none!important; as well

Upvotes: 3

Related Questions