Как сделать так, чтобы галочка внутри чекбокса стала ровно по центру?

Question

[QWintA]

Стоит задача, сделать кастомный чекбокс, сделал рамки, поставил галочку (вставил, как задний фон), убрал bg-repeat, теперь надо поставить галку по центру

Comments

[Антон]

Код

[Siverius]

Сместите квадратик немного вверх и влево

Answer 1

[азаза]

background-position: center center;

либо подвигайте пиксель туда пиксель назад, если у самого фона сбит центр

background-position: 2px 4px;

Comments

[QWintA]

Большое спасибо!
Совсем забыл про это свойство :(

Answer 2

[Вячеслав Климов]

можно использовать фон с проставленной галочкой и css свойство
input:checked {
background: url(...);
}