Как убрать отступ?

Question

[Александр Коновалов]

Здравствуйте! При добавлении border'а к элементу, появляется отступ.

.color-select input[type=radio]:checked ~ .check 
{
     border: 2px solid #0DFF92;
}

Блоки разъезжаются. Как убрать?

Answer 1

[justdealman]

.color-select input[type=radio]:checked ~ .check {
     margin: -2px;
     border: 2px solid #0DFF92;
}

Answer 2

[Денис Белевцов]

На мой взгляд самое оптимальное и "некостыльное" решение:

.color-select input[type=radio] ~ .check 
{
     border: 2px solid transparent;
}
.color-select input[type=radio]:checked ~ .check 
{
     border-color: #0DFF92;
}

И ничего прыгать/разъезжаться не будет

upd: такой способ ещё и анимировать можно