Size: a a a

Верстка сайтов HTML/CSS/JS/PHP

2021 May 06

ЭБ

Эдуард Баженов... in Верстка сайтов HTML/CSS/JS/PHP
Я не понимаю твоё решение
Позиция текста должна определятся шириной введённых символов, как бэкграунд ее узнаёт?
источник

G

Gustavo in Верстка сайтов HTML/CSS/JS/PHP
блочишь 2 символа паддингом, если текст шире инпута  - инпут начнёт расти вниз. правильно?
источник

ЭБ

Эдуард Баженов... in Верстка сайтов HTML/CSS/JS/PHP
Может вправо?
источник

G

Gustavo in Верстка сайтов HTML/CSS/JS/PHP
пока есть куда вправо - будет паддинг работать
источник

И

Интроверт in Верстка сайтов HTML/CSS/JS/PHP
если такое нужно то для этого испоульзуют текстарею и специальные плагины, ну или ручками писать, дефолтного такого нет и стили кажжется не выручают
источник

ЭБ

Эдуард Баженов... in Верстка сайтов HTML/CSS/JS/PHP
Ты имеешь ввиду чтобы размер инпута соответствовал размеру текста?
источник

ЭБ

Эдуард Баженов... in Верстка сайтов HTML/CSS/JS/PHP
Если да, то это костыль ещё похлеще
источник

G

Gustavo in Верстка сайтов HTML/CSS/JS/PHP
та при чём тут? у него есть же размер на старте
источник

T

Tomorrow in Верстка сайтов HTML/CSS/JS/PHP
??
источник

ЭБ

Эдуард Баженов... in Верстка сайтов HTML/CSS/JS/PHP
Давай так, вот инпут, ввёл я два числа, потом ввёл ещё два, как твой бэкграунд останется справа от этого текста? При условии что ширина инпута не меняется
источник

ЭБ

Эдуард Баженов... in Верстка сайтов HTML/CSS/JS/PHP
Либо накинь решение в песочнице, если можешь
источник

G

Gustavo in Верстка сайтов HTML/CSS/JS/PHP
Ну, я такое делал, по этому и пишу как оно работает, инпут. пока растёт в сторону  - работает паддинг, хотя, для нарядности люди с руками инпуту дают ширину, чтоб только вниз он рос. А если текст растягивает инпут вниз, вот тогда и позиционирование в боттоме прижмёт префикс в левый нижний угол последней строки. Всё, что нужно - лайн хейт и один шрифт по высоте для велью и для бекграунда
источник

И

Интроверт in Верстка сайтов HTML/CSS/JS/PHP
не слышал чтобы инпут рос в высоту
источник

И

Интроверт in Верстка сайтов HTML/CSS/JS/PHP
надо будет потестить
источник

ЭБ

Эдуард Баженов... in Верстка сайтов HTML/CSS/JS/PHP
Я вообще не понимаю при чем тут высота
источник

G

Gustavo in Верстка сайтов HTML/CSS/JS/PHP
прости, бро, перепутал с текст ареа
С инпутом проще - просто падинг и позиционирование бека, ща скину как работает
источник

G

Gustavo in Верстка сайтов HTML/CSS/JS/PHP
источник

G

Gustavo in Верстка сайтов HTML/CSS/JS/PHP
Иконки сверху спозиционированы в беке и защищены паддингом по ширине. Префикс - точно так же, только текст и позиционирование справа. Прижимать вниз - только для текст ареа, инпут - отправляет избыточный текс в сторону, то есть паддинг в инпуте будет при любых обстоятельствах работать.
источник

ЭБ

Эдуард Баженов... in Верстка сайтов HTML/CSS/JS/PHP
Так нужно, чтобы текст справа был и около введённого текста
источник

G

Gustavo in Верстка сайтов HTML/CSS/JS/PHP
Брат, сори, но я на такое и отвечать не буду - посмотри спецификацию свойства бекграунд в СSS, ответ на вопрос был кратким - "все свойства бекграунда в инпуте работают"
источник