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

Question

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

有谁知道怎么做？我尝试在第一个选择器上设置top：5px，但我没有做任何改变！

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

#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');
}