Informacje o nowych artykułach oraz akcjach edukacyjnych prosto na Twojej skrzynce e-mail!

Usunięcie paska przewijania z obszaru tekstowego (textarea)

Za pomocą CSS można łatwo pozbyć się paska przewijania z obszaru tekstowego textarea, używając właściwości overflow. Jest to szczególnie przydatne, gdy obszar tekstowy jest mały, a pasek zbędny.

Aktualizacja: overflow: hidden ukrywa pasek, ale ogranicza też samo przewijanie. Jeśli chcesz jedynie schować pasek, zachowując możliwość przewijania, współczesny CSS oferuje właściwość scrollbar-width: none (MDN zastrzega przy tym, że ukrywanie paska pogarsza dostępność).

<textarea style="width: 100px; height: 50px; overflow:hidden;">tekst tekst tekst tekst tekst tekst tekst</textarea>

Przykład:

Przed zastosowaniem właściwości overflow:

textarea-pasek

Po zastosowaniu właściwości overflow:

textarea-brak-paska

Spodobało się?

Jeśli tak, to zarejestruj się do newslettera aby otrzymywać informacje nowych artykułach oraz akcjach edukacyjnych. Gwarantuję 100% satysfakcji i żadnego spamowania!

, , ,

Dodaj komentarz

Odpowiedz

Twój adres email nie zostanie opublikowany. Wymagane pola są oznaczone *

Pin It on Pinterest