Почему placeholder в input обрезается?

Question

[Александр Яворский]

Comments

[Андрей Федоров]

Давайте ваш код. Без него хз почему...

[Александр Яворский]

Андрей Федоров, HTML

Вход

CSS
.form {
text-align: center;
}
input {
border-left: 0;
border-right: 0;
border-top: 0;
border-bottom-width: 2px;
border-bottom-color: #000;
outline: none;
padding: 10px 0;
}
input::placeholder {
text-align: center;
color: #82868E;
font-size: 15px;

}

Answer 1

[yosiaproger]

Попробуйте поэкспериментировать с padding и размером шрифта в placeholder.

Comments

[Александр Яворский]

Пробовал если font-size больше 12px то текст обрезается на понимаю в чем проблема

[yosiaproger]

Александр Яворский, Может еще попробовать увеличить ширину, высоту самого input (width, height).

[Александр Яворский]

в Гугл хром все работает как так?

Answer 2

[Artem Ivanov]

padding...
margin...

Мы можем гадать всю ночь.
Рассекретте ваш код, мы ни с кем не поделимся им! Честно!

Comments

[Александр Яворский]

HTML

<form class="form">
 <input placeholder="Текст">
</form>

CSS
.form {
text-align: center;
}
input {
border-left: 0;
border-right: 0; 
border-top: 0;
border-bottom-width: 2px;
border-bottom-color: #000;
outline: none;
padding: 10px 0;
}
input::placeholder {
text-align: center;
color: #82868E;
font-size: 15px;

}

Answer 3

[Александр Яворский]

HTML

Вход


CSS
.form {
text-align: center;
}
input {
border-left: 0;
border-right: 0;
border-top: 0;
border-bottom-width: 2px;
border-bottom-color: #000;
outline: none;
padding: 10px 0;
}
input::placeholder {
text-align: center;
color: #82868E;
font-size: 15px;

}

Comments

[Artem Ivanov]

ищите "ошибку" в других стилях

[Александр Яворский]

Artem Ivanov, в каких стилях искать ошибку вроде все верно

[Artem Ivanov]

Александр Яворский, ваш код отображает плейсхолдер верно

[Александр Яворский]

То есть код верный или я ошибаюсь?