Задать вопрос
samoilenkoevgeniy
@samoilenkoevgeniy
Lead Full-Stack Web Developer
javascript

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

Добрый день!

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

Не могу это правильно загуглить, не нахожу ответа. Вот и обращаюсь к вам:)
  • Вопрос задан
  • 3051 просмотр
3 комментария
Подписаться 3 Оценить 3 комментария
Решения вопроса 3
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
jsfiddle.net/iiil/LUL8a/2
Ответ написан
1 комментарий
1 комментарий
toptalo
@toptalo
undefined
Может так?
Ответ написан
Комментировать
Комментировать
ivannaymov
@ivannaymov
Ты об этом?
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 4
@fenris
front-end developer
Как вариант - ограничить ширину input и добавить overflow: hidden. А затемнение можно запилить через псевдоэлемент :after
Что-то типа input:after {тут стили для градиента или картинки}
Ответ написан
1 комментарий
1 комментарий
VitaZheltyakov
@VitaZheltyakov
А не проще поменять целиком цвет input-а, как все делают?
Ответ написан
Комментировать
Комментировать
benderskiy
@benderskiy
С тем, чтобы не перемещалась строка вам поможет атрибут maxlength htmlbook.ru/html/input/maxlength

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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Менеджер по продажам в онлайн-школу
17 апр. 2024, в 00:48
35000 руб./за проект
Сделать картинки для слов
17 апр. 2024, в 00:13
800 руб./за проект
Разработка backend python+django
17 апр. 2024, в 00:06
240000 руб./за проект
Ещё заказы