Upon using a Radformdecorator custom Metrotouch skin, we noticed radio’s and checkboxes don’t show on chrome browser.
Using Chrome
36.0.1985.143 m
Downloaded latest
Telerik_UI_for_ASP.NET_AJAX_2014_2_724_Dev_hotfix.zip
We have found some ‘errors’ in css
Missing ‘!important’ declarations
After this radio’s and checkboxes work again.
Marc
Using Chrome
36.0.1985.143 m
Downloaded latest
Telerik_UI_for_ASP.NET_AJAX_2014_2_724_Dev_hotfix.zip
We have found some ‘errors’ in css
Missing ‘!important’ declarations
After this radio’s and checkboxes work again.
@media screen and (-webkit-min-device-pixel-ratio:0) {
.RadForm_MetroTouchNeutral.rfdCheckbox input[type="checkbox"] {
background-repeat: no-repeat;
background-position: 0 3px!important;
}
.RadForm_MetroTouchNeutral.rfdCheckbox input[type="checkbox"]:hover {
background-position: -40px 3px!important;
}
.RadForm_MetroTouchNeutral.rfdCheckbox input[type="checkbox"]:checked {
background-position: 0 -37px!important;
}
.RadForm_MetroTouchNeutral.rfdCheckbox input[type="checkbox"]:hover:checked {
background-position: -40px -37px!important;
}
.RadForm_MetroTouchNeutral.rfdCheckbox input[type="checkbox"][disabled], .RadForm_MetroTouchNeutral.rfdCheckbox input[type="checkbox"][disabled]:hover {
background-position: 0 -117px!important;
}
.RadForm_MetroTouchNeutral.rfdCheckbox input[type="checkbox"][disabled]:checked, .RadForm_MetroTouchNeutral.rfdCheckbox input[type="checkbox"][disabled]:checked:hover {
background-position: 0 -157px!important;
}
.RadForm_MetroTouchNeutral.rfdRadio input[type="radio"] {
background-repeat: no-repeat;
background-position: -80px 3px!important;
}
.RadForm_MetroTouchNeutral.rfdRadio input[type="radio"]:hover {
background-position: -120px 3px!important;
}
.RadForm_MetroTouchNeutral.rfdRadio input[type="radio"]:checked {
background-position: -80px -37px!important;
}
.RadForm_MetroTouchNeutral.rfdRadio input[type="radio"]:hover:checked {
background-position: -120px -37px!important;
}
.RadForm_MetroTouchNeutral.rfdCheckbox input[type="radio"][disabled], .RadForm_MetroTouchNeutral.rfdCheckbox input[type="radio"][disabled]:hover {
background-position: -80px -117px!important;
}
.RadForm_MetroTouchNeutral.rfdCheckbox input[type="radio"][disabled]:checked, .RadForm_MetroTouchNeutral.rfdCheckbox input[type="radio"][disabled]:checked:hover {
background-position: -80px -157px!important;
}
}
Marc