Как скрыть текст под паддингом?

Question

[maralov]

Есть <textarea>, какое свойство css есть, чтобы при заполнении текста больше, чем высота блока при скролле, текст пропадал уже за нижним паддингом, а не за краем блока?

Думал про псевдоэлемент "накрыть"... возможно, есть какое-то css свойство?

Answer 1

[Александр]

Сделайте псевдоэлемент. Например:

.element {
position:relative;
}
.element:after {
content:'';
position:absolute;
bottom:0;
left: 0;
right:0;
z-index:1;
background: #ccc; // цвет фона блока
height: 25px; // высота нижнего padding
}

Comments

[maralov]

да так и думал делать, спасибо. думал может существуют свойство типа как для фона чтобы был в границах контактной части...видино нет такого)

[maralov]

не работает
к инпутам нельзя добавлять псевдоэлементы.....

[Александр]

maralov, а, это же инпут. в тексте не было, не подумал.
можно обернуть в див поверх инпута.
или можно попробовать вот это https://css-tricks.com/snippets/css/style-placehol... только высоту указать, может, получится

[maralov]

Александр, та думал про это а написать забыл)))
че т по сылке не открываеться контент( ну а ладно буду пробовать инпут вкладывать в див

[Александр]

Там псевдоэлементы плейсхолдер, которые можно к инпутам. Вот можно попробовать высоту указать у такого псевдоэлемента

[maralov]

Александр,





отлично работает так )) спасибо за участие