vendredi 23 juin 2017

Increase checkbox size in IE 11

I'm having a pathetic issue with Internet Explorer 11 since it doesn't scale the checkbox properly unlike Firefox which does it right. Here's my css code :

input[type="checkbox"] {
    -ms-filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand');
    -moz-transform: scale(1.5); /* FF */
    transform: scale(1.5); 
    padding: 5px;
}

I replaced the -ms-filter with this, but it didn't work :

    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
        M11=1.5320888862379554, M12=-1.2855752193730787,
        M21=1.2855752193730796, M22=1.5320888862379558);

and then with this, but it still didn't work:

    -ms-transform: scale(1.5); 

Unfortunately, none of my attempts were successful and nowhere in SO does it say how to fix it. Normally scale() is supposed to work on IE 9 but it seems like they disabled it in IE 11. As I said, it works fine in Firefox but not in IE 11.




Aucun commentaire:

Enregistrer un commentaire