Задать вопрос
Noizefan
@Noizefan

Как пофиксить разницу в один пиксель?

Приветствую! Как пофиксить такой прикол?

Chrome Версия 75.0.3770.100 (Официальная сборка), (64 бит):
5d2bdd6420cbc023908156.png

Safari Версия 12.0.1 (14606.2.104.1.1):
5d2bdd6f0970e856627096.png

<li class="ordercall" style="margin-top:8px;">
 <input type="text" placeholder="+7 901 234 56..">
 <button>ЗАКАЗАТЬ ЗВОНОК</button>
</li>


input type = text:
background-color: #fff; 
border-radius: 25px 0px 0px 25px; 
border-style: solid; 
border-color: #81D8D0; 
border-right: none; 
color:black; 
width: 130px; 
padding-left:8px;


button:
background-color: #fff; 
color: #81d8d0; 
border-style: solid; 
border-color: #81D8D0; 
border-radius: 0px 25px 25px 0px;
border-left: none; 
border-width: 2px; 
height: 30px;


и интересен, кстати, факт placeholder'ов разных цветов.

Спасибо большое!
  • Вопрос задан
  • 157 просмотров
Подписаться 2 Простой 3 комментария
Решения вопроса 2
@VegasChickiChicki
Задать бордер их общему контейнеру.
Ответ написан
Комментировать
RomanTRS
@RomanTRS
Подозреваю, что проблема в вертикальном выравнивании, заданном браузером по-умолчанию.
Если использовать Flex, то проблем не наблюдается.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы