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?
source
share