IE8复选框和收音机

IE8 checkbox and radio

本文关键字：收音机 复选框 IE8      更新时间：2023-09-26

如何对复选框和单选输入进行样式设置，以便在所有浏览器（IE8、firefox、webkit等）上看起来统一。我尝试了各种方法，但到目前为止都没有。我只想样式复选框和收音机，而不是标签或跨度，就像我在其他网络示例中看到的那样。在这里提供一点帮助会非常棒。下面是一个小提琴的例子：http://jsfiddle.net/FKRaX/11/

谢谢。

您将需要3d party JS库，如这里列出的库：http://line25.com/articles/jquery-plugins-for-styling-checkbox-radio-buttons

纯CSS解决方案只能在webkit浏览器中使用，并且可能在最新的Firefox中使用。但是对于IE8，你肯定需要使用一些JS/jQuery插件来实现这一点。

您尝试过：

file.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" />

对于较旧的IE 8、7等，您可能需要发挥创意：

例如

input[type="checkbox"],
#checkboxFieldsID,
.checkboxFieldsClass {
display:inline-block;
-ms-transform: scale(3); /* IE */
-moz-transform: scale(3); /* FF */
-webkit-transform: scale(3); /* Safari and Chrome */
-o-transform: scale(3); /* Opera */
padding: 10px;

/*旧IE的窍门*/

background:#40668C; /* trick for older IEs */
width:50px; /* trick for older IEs */
height:50px; /* trick for older IEs */****
}
相关文章：