#html #css #firefox #input #padding
Вопрос:
Проблема, специфичная для Firefox… для иллюстрации давайте взглянем на это примерное поле ввода:
<input type="text" style="width: 10vw; font-size: 3vw; padding-right: 100px;"> Я добавил отступ справа на 100 пикселей. Теперь просто введите как можно больше текста, чтобы вы соответствовали правой границе поля.
Все браузеры, которые я тестировал, кроме Firefox, начинают смещать набранный текст влево, как только вы касаетесь правого отступа. В FF 2-3 буквы вводятся невидимыми (скрытыми) внутри этого отступа до тех пор, пока не начнется смещение слишком длинного текста.
ОБНОВЛЕНИЕ 2021-08-22
Я сообщил об этом в bugzilla и только что получил уведомление, что об этом уже сообщалось. В другом дублирующем потоке кто-то упоминает, что он будет работать с Firefox 91.2.0.
ОБНОВЛЕНИЕ 2021-08-23
Новая информация: Исправлена ошибка в Firefox 93.
Ответ №1:
Chrome-лучший выбор для разработчиков, потому что в Firefox что-то не работает.
Комментарии:
1. Конечно, Chrome-хороший выбор, но мне нужно, чтобы это работало во всех основных браузерах 😀
2. div { цвет фона: желтый; ширина: 120 пикселей; высота: 120 пикселей; } .Пример текста { режим записи: горизонтальный-tb; заполнение-встроенный-начало: 20 пикселей; цвет фона: #C8C800; }. Вы можете попробовать что-то подобное.. Не уверен, что