javascript - IE8 チェックボックスとラジオ

Question

すべてのブラウザー (IE8、firefox、webkit など) で均一に見えるように、チェックボックスとラジオ入力のスタイルを設定する方法を教えてください。さまざまな方法を試しましたが、今のところ何もありません。他の Web の例で見たように、ラベルやスパンではなく、チェックボックスとラジオのスタイルを設定したいだけです。ここでの少しの助けは非常に素晴らしいものになります。ここにフィドルの例があります: http://jsfiddle.net/FKRaX/11/

ありがとうございました。

Answer 1

ここにリストされているような 3d パーティの JS ライブラリが必要になります: http://line25.com/articles/jquery-plugins-for-styling-checkbox-radio-buttons

純粋な CSS ソリューションは Webkit ブラウザーでのみ機能し、最新の Firefox でも機能する可能性があります。ただし、IE8 の場合、これを実現するには、いくつかの JS/jQuery プラグインを使用する必要があります。

Answer 2

あなたがしようとした：

ファイル.css:

.checkbox {
margin:15px;
/*opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);*/
}

file.html

<input id="pushon" type="checkbox" checked="checked" class="checkbox" />
<input id="pushon" type="checkbox" disabled="disabled" class="checkbox" />
<input id="pushon" type="checkbox" checked="checked" disabled="disabled" class="checkbox" />
<input id="roundon" type="radio" value="Valoare" checked="checked"/>
<input id="roundon" type="radio" value="Valoare" disabled="disabled"/>
<input id="roundon" type="radio" checked="checked" disabled="disabled" />