更改位置:在自定义单选按钮图像上使用CSS3内容图像之前?

时间:2013-02-21 22:01:28

标签: css css3 radio-button background-image

我正在使用CSSTricks中的一些代码来创建自定义单选按钮。我需要使用的按钮相当大,我需要垂直对齐文本。

有谁知道怎么做?我尝试在第一个选择器上设置top:5px,但我没有做任何改变!

enter image description here

以下是我正在使用的代码:

#foo:checked::before,
input[type="checkbox"] {
    position:absolute;
    clip: rect(0,0,0,0);
    clip: rect(0 0 0 0);
}

#foo:checked,
input[type="checkbox"] + label::before {
    content: url('check.png');
}

input[type="checkbox"]:checked + label::before {
    content: url('check-checked.png');
}

0 个答案:

没有答案