Мобильная версияУ меня есть простая встроенная форма, которую можно увидеть здесь. Шрифт, который я использую, расположен необычно высоко над базовой линией, и в результате текст-заполнитель (но не пользовательский ввод) исчезает за краями контейнера — высокие буквы, такие как «l» в конце «Электронная почта», обрезаются. выключен.
Обычно я бы настраивал что-то вроде этого, соответствующим образом устанавливая line-height и/или настраивая свойство overflow, но поскольку это заполнитель, похоже, на него ничего не влияет.
Я вижу, что таблица стилей агента пользователя делает это:
input::placeholder { пробел: pre; переполнение-обертка: нормально; переполнение-х: скрыто; переполнение-y: скрыто; высота строки: начальная; } Я не могу переопределить это с помощью новых правил CSS (даже с помощью правила !important). Я тоже думаю, что на это есть веская причина.
Есть ли лучший способ решения этой проблемы, о котором я просто не знаю? Сам ввод имеет достаточную высоту строки, но заполнитель div просто не меняется.
