CSS Only Custom Checkbox in IE8

Question

I found Custom CHECKBOX and RADIO from the link but could not find this working in IE8.

Is there any way we can use below properties working for IE8?

:after

:before

.big-radio:checked + label:after

Please let me know.

Chavez

Try with selectivizr.js or ie7-js. – Rattail

Thanks @Rattail but this doesn't work with IE8. I have tried both. – Chavez

If you want a JS solution (not CSS), use uniformjs. I used it all the time, works on IE8. Includes custom images. – Rattail

@Rattail I found this also not working with IE8 in XP. Screenshot: crocko.com/B1637E9942D2486D80CA34F64C7E4A2A/uniform_IE8.png – Chavez

The link is not working. Are you doing it live or on a localhost ? Can you show me your code ? – Rattail

I have just paste the DEMO link from the site into browser. – Chavez

Answer 1

ie8 doesn't support :checked. You can add class and rewrite rule like this:

.big-radio.checked + label:after

Or try something from this answer https://mcmap.net/q/1634993/-how-can-i-get-css-pseudo-element-checked-to-work-in-ie7-ie8

Weatherly