IE11でチェックボックスのサイズを増やす

Question

Internet Explorer 11これは正しいのですが、Firefoxとは異なり、チェックボックスのサイズを正しく調整していないため、哀れな問題があります。ここに私のCSSコードです：

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; 
} 

が、私はこれで -ms-filterを交換し、それはうまくいきませんでした。これで、その後

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

と、それはまだ動作しませんでした：

-ms-transform: scale(1.5); 

残念ながら、私の試みはどれも成功していませんでしたが、どこにいてもそれを修正する方法はありません。通常scale()はIE 9で動作するようになったが、彼らはIE 11でそれを無効ように私が言ったように、それは、そうです、それはFirefoxで正常に動作しなくIE 11で

Answer 1

Here私が読まれる：

を[ 5] Internet Explorer 11.0は、-webkit prefixed variant as an alias for the default oneをサポートしています。

それでも問題が解決しない場合は、チェックボックスに固有の問題である可能性があります。醜いですが、それは私のbenighted顧客のために、とIE11で動作

input[type=checkbox] { 
 
    display: none; 
 
} 
 

 
input[type=checkbox] + .cb { 
 
    display: inline-block; 
 
    width: 22px; 
 
    height: 22px; 
 
    margin: -4px 0; 
 
    border: 1px solid gray; 
 
    border-radius: 3px; 
 
    transition: .2s; 
 
    box-sizing: border-box; 
 
    box-shadow: inset 0 0 0 1px white; 
 
} 
 
input[type=checkbox] + .cb:before { 
 
    content: "✓"; 
 
    color: white; 
 
    position: absolute; 
 
    line-height: 20px; 
 
    font-size: 16px; 
 
    margin: 0 0 0 5px; 
 
} 
 

 
input[type=checkbox] + .cb:hover { 
 
    box-shadow: inset 0 0 0 1px #0055ff; 
 
    border-color: #0055ff; 
 
} 
 

 
input[type=checkbox]:checked + .cb { 
 
    box-shadow: inset 0 0 0 10px #0055ff; 
 
    border-color: #0055ff; 
 
} 
 

 
input[type=checkbox]:checked + .cb:hover { 
 
    box-shadow: inset 0 0 0 10px #3377ff; 
 
}

<label> 
 
    <input type="checkbox" checked> 
 
    <div class="cb"></div> 
 
    Style checkbox with CSS 
 
</label>