Как сделать кроссбраузерную верстку radio button?

Здравствуйте! Есть код - jsfiddle, проблема в том, что в сафари(ios -> iphone) точка в radio button смещается к низу (а должна быть по-центру).

На компьютере точка находится ровно по центру (или около того). Как можно сделать, чтобы точка отображалась по центру в ios\safari ?
  • Вопрос задан
  • 2888 просмотров
Решения вопроса 2
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
Я бы предложил вам другое решение. С символом вы долго будете мучаться... Шрифт подбирать, размер шрифта, интерлиньяж и т.п.

Лучше так

.someClass { postiotion: relative;}
.someClass::before {
	position: absolute; display: block; content: ""; width: 8px; height: 8px; background-color: red; border-radius: 4px; top: 50%; left: 0; margin-top: -4px;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Zoxon
@Zoxon
Веб-разработчик
Сделать точку не символом а блоком, его уже позиционировать
хз какой шрифт к ней применяется
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы