I have problems with IE showing CheckBox. It's working prefect in Chrome. In IE it's not showing checkbox at all.
Here's the code:
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.RadForm_CRM {
/* checkboxes */
}
.RadForm_CRM.rfdCheckbox input[type="checkbox"], .RadForm_CRM.rfdCheckbox input[type="checkbox"][disabled]:hover, .RadForm_CRM.rfdRadio input[type="radio"], .RadForm_CRM.rfdRadio input[type="radio"][disabled="disabled"]:hover {
/*height: 30px;
line-height: 30px !important;
padding-left: 22px !important;*/
/*background-image: url('../Common/MetroTouch/CheckBoxRadioSprites.png');
background-repeat: no-repeat;*/
background-position:0 0 !important;
}
.RadForm_CRM.rfdCheckbox label, .RadForm_CRM.rfdRadio label {
vertical-align: middle;
}
.RadForm_CRM.rfdCheckbox input[type="checkbox"], .RadForm_CRM.rfdCheckbox input[type="checkbox"][disabled]:hover {
background-image: url('../Common/MetroTouch/CheckBox.png') !important;
background-position:0 0 !important;
background-repeat: no-repeat !important;
height:24px !important;
width:24px !important;
}
.RadForm_CRM.rfdCheckbox input[type="checkbox"]:hover {
background-image: url('../Common/MetroTouch/CheckBoxHover.png') !important;
background-position:0 0 !important;
background-repeat: no-repeat !important;
height:24px !important;
width:24px !important;
}
.RadForm_CRM.rfdCheckbox input[type="checkbox"]:checked, .RadForm_CRM.rfdCheckbox input[type="checkbox"][disabled]:hover:checked {
background-image: url('../Common/MetroTouch/CheckBoxChecked.png') !important;
background-position:0 0 !important;
background-repeat: no-repeat !important;
height:24px !important;
width:24px !important;
}
.RadForm_CRM.rfdCheckbox input[type="checkbox"]:hover:checked {
background-image: url('../Common/MetroTouch/CheckBoxCheckedHover.png') !important;
background-position:0 0 !important;
background-repeat: no-repeat !important;
height:24px !important;
width:24px !important;
}
Any ideas?
THX.
Uros