css - CSS：仅样式复选框标签

Question

有什么方法可以在 CSS 上选择仅用于复选框的标签？

我正在使用这个 css 代码 input[type="radio"], input[type="checkbox"] { position: absolute; 左：-999em；}

label:before 
{ 
    display: inline-block; position: relative; top:0.25em; left:-2px; 
    content:''; width:25px; height:25px;
    background-image:url(formelements.png); 
}

input[type="checkbox"] + label:before 
{ 
    background-position: 0 -25px;
}         
input[type="checkbox"]:checked + label:before 
{
    background-position: 0 0 ; 
}
input[type="radio"] + label:before 
{ 
    background-position: -25px -25px;
} 
input[type="radio"]:checked + label:before 
{
    background-position: -25px 0;
}

如果你想要图像，你可以从这里得到它，我也可以在这里找到我所遵循的样式指南 但是我面临的问题是我所有输入的所有标签都会受到影响。有没有办法只对那些用于复选框的标签进行样式设置？

致谢

Answer 1

复选框标签的自定义 CSS。在我的情况下工作：

.medview input[type="checkbox"][class="selectorThumbs"] + label:before {
    background: url('../icons/thumbs.png') no-repeat;
}
.medview input[type="checkbox"][class="selectorThumbs"]:checked + label:before {
    background: url('../icons/thumbs1.png') no-repeat;
}