Шрифт Omens не был правильно выровнен в мобильных версиях

Пожалуйста, найдите скриншот нажмите здесь

HTML и Css код

#tataCapital #employee-verify .employment-verification-form .employee-form .form-group.s {
    width: 95%;
}
#tataCapital #employee-verify .employment-verification-form .employee-form .form-group input {
    height: 60px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 2px 0 5px;
    border-radius: 31px;
    border: 1px solid #d5d5d5;
    padding-left: 21px;
    color: #211e1e;
    font-weight: 600;
    font-size: 1.2em;
}
<div class="form-group s">
  <label class="control-label">Date of joining</label>
  <input name="joiningDate" class="form-control date-picker hasDatepicker" placeholder="DD/MM/YYYY">
</div>

Источник

1 ответ

Я думаю, что вы установили фиксированную высоту input тегом, затем вы упорядочиваете значение с помощью отступа, поэтому ваше значение отображается не полностью. удалите высоту ввода, см. код ниже

input {
    border: 1px solid #e4e4e4;
    border-radius: 25px;
    color: #000;
    font-size: 15px;
    padding: 15px 24px;
    text-transform: uppercase;
    width: 200px;
}
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>
<input type="text" value="name" />
</body>
</html>

Источник
Другие вопросы по тегам