samoilenkoevgeniy
@samoilenkoevgeniy
Lead Full-Stack Web Developer

Как затемнить input при переполнении?

Добрый день!

Есть такой вопрос - как затемнить конец input, если в него вписали длинную строку и уже не помещается? Т.е. чтобы не передвигалась строка.

Не могу это правильно загуглить, не нахожу ответа. Вот и обращаюсь к вам:)
  • Вопрос задан
  • 2884 просмотра
Пригласить эксперта
Ответы на вопрос 4
@fenris
front-end developer
Как вариант - ограничить ширину input и добавить overflow: hidden. А затемнение можно запилить через псевдоэлемент :after
Что-то типа input:after {тут стили для градиента или картинки}
Ответ написан
А не проще поменять целиком цвет input-а, как все делают?
Ответ написан
benderskiy
@benderskiy
С тем, чтобы не перемещалась строка вам поможет атрибут maxlength htmlbook.ru/html/input/maxlength

Что должно затемняться и как не очень понятно из вопроса
Ответ написан
TekVanDo
@TekVanDo
Javascript Developer
Ну мне на ум такое приходит codepen.io/Tek/pen/bntsD (извиняюсь за кривую верстку хреново верстаю) если красному диву градиент задать или кусок картинки бэкграундом поставить, выйдет примерно то что вы хотите .
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы