IE 9 Dotted Lines Around Checkbox

The problem is with IE 9 and earlier IE browsers putting dashed lines around my checkboxes. It seems that you want to call post textarea and post input, adding a border around the checkbox, and then call up the input focus and put a background around it.

The dashed line will not disappear even if I put a 0px border in the post. No other FF browser, chrome does this .... There's nothing to do with the .reset file flag

Image in IE 9: http://i46.tinypic.com/hvqj2g.png

Call Code: http://i46.tinypic.com/30ic1f5.png

#post textarea,
#post input {
    border:1px solid #ddd;
}
#post textarea:focus {
     outline: none;
     ie-dummy: expression(this.hideFocus=true);
   }
#post input:focus {
    -moz-box-shadow: 0px 0px 0px 2px #eee ;
    -webkit-box-shadow: 0px 0px 0px 2px #eee ;
    box-shadow: 0px 0px 0px 2px #eee ;
    background: #fefcbe;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#post input#submit-btn{
    background: #eee;
    color:#444;
    text-shadow: 1px 1px 1px #fff;
}


Any ideas for IE 9?
+3
source share
3 answers

- " ", , , , . , , outline: none ; , . , , , Tab (, , ), , , .

( Quirks Mode "Standards" ) IE 9, . "".

" " , . , URL-, , .

+11

:

element:focus{
 outline: thin transparent;
}
+1

try using some javascript in your HTML element:

<input onclick="this.blur()" />
-2
source