检查屏幕截图.您会注意到具有焦点的复选框实际上与其他复选框的呈现方式不同.什么会让它在IE9中出现？
我有以下CSS片段,我只注意到如果我删除以下所有CSS这个问题不再发生.但是,如果我只删除这些规则中的任何一个或两个,它仍然会发生.我很困惑.
textarea:active,textarea:focus,textarea:active:hover,textarea:focus:hover,select:active,select:focus,select:active:hover,select:focus:hover,input:active,input:focus,input:active:hover,input:focus:hover{
background-color:#f9f9f5;
border-color:#658cae;
-webkit-Box-shadow:inset 0 1px 2px #b8b7b3,0 0 8px #7899b5;
-moz-Box-shadow:inset 0 1px 2px #b8b7b3,0 0 8px #7899b5;
Box-shadow:inset 0 1px 2px #b8b7b3,0 0 8px #7899b5;
z-index:1;/* for Opera */
}
input[type="file"]:focus,input[type="file"]:active,input[type="radio"]:focus,input[type="radio"]:active,input[type="checkBox"]:focus,input[type="checkBox"]:active {
-moz-Box-shadow: none;
-webkit-Box-shadow: none;
Box-shadow: none;
}
input[type="file"]:focus,input[type="file"][disabled],input[type="radio"][disabled],input[type="checkBox"]:active,input[type="checkBox"][disabled]{
background-color:transparent;
}
这是一个现场演示：http://jsfiddle.net/QRzRw/1/
